| 1 |
- {"version":3,"sources":["webpack:///D:/HbuderX-exercise/shangzhen-daoshi/daoshiyuyue-teacher/components/dt-dropdown/dt-dropdown.vue?73e0","webpack:///D:/HbuderX-exercise/shangzhen-daoshi/daoshiyuyue-teacher/components/dt-dropdown/dt-dropdown.vue?6289","webpack:///D:/HbuderX-exercise/shangzhen-daoshi/daoshiyuyue-teacher/components/dt-dropdown/dt-dropdown.vue?141a","webpack:///D:/HbuderX-exercise/shangzhen-daoshi/daoshiyuyue-teacher/components/dt-dropdown/dt-dropdown.vue?24a0","uni-app:///components/dt-dropdown/dt-dropdown.vue","webpack:///D:/HbuderX-exercise/shangzhen-daoshi/daoshiyuyue-teacher/components/dt-dropdown/dt-dropdown.vue?c5e4","webpack:///D:/HbuderX-exercise/shangzhen-daoshi/daoshiyuyue-teacher/components/dt-dropdown/dt-dropdown.vue?7028"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAoI;AACpI;AAC+D;AACL;AACsC;;;AAGhG;AACsK;AACtK,gBAAgB,6KAAU;AAC1B,EAAE,iFAAM;AACR,EAAE,kGAAM;AACR,EAAE,2GAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,sGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACRA;AAAA;AAAA;AAAA;AAAunB,CAAgB,qnBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;ACc3oB;AACA,kBADA;AAEA;AACA;AACA,iBADA;AAEA,+CAFA,EADA;;AAKA;AACA,4BADA;AAEA,gBAFA,EALA,EAFA;;;AAYA,MAZA,kBAYA;AACA;AACA,mBADA;;AAGA,GAhBA;AAiBA;AACA,eADA,uBACA,KADA,EACA;AACA;AACA;AACA,KAJA;AAKA,cALA,wBAKA;AACA;AACA,KAPA;AAQA,cARA,wBAQA;AACA;AACA,KAVA,EAjBA,E;;;;;;;;;;;;ACdA;AAAA;AAAA;AAAA;AAAssC,CAAgB,4nCAAG,EAAC,C;;;;;;;;;;;ACA1tC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"components/dt-dropdown/dt-dropdown.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./dt-dropdown.vue?vue&type=template&id=30fce8e2&scoped=true&\"\nvar renderjs\nimport script from \"./dt-dropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./dt-dropdown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dt-dropdown.vue?vue&type=style&index=0&id=30fce8e2&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"30fce8e2\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"components/dt-dropdown/dt-dropdown.vue\"\nexport default component.exports","export * from \"-!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./dt-dropdown.vue?vue&type=template&id=30fce8e2&scoped=true&\"","var components\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./dt-dropdown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./dt-dropdown.vue?vue&type=script&lang=js&\"","<template>\r\n\t<view>\r\n\t\t<view @click=\"showShadow\" class=\"dropWrap\">{{ list[current].name }}<view class=\"sanjiao\"><image src=\"../../static/more.png\" mode=\"\"></image></view></view>\r\n\t\t<view class=\"dropdown\">\r\n\t\t\t<view :class=\"showIf ? 'dropdown-mask' : 'undropdown-mask'\" @click=\"hideShadow\"></view>\r\n\t\t\t<!-- <view class=\"ul\" :style=\"showIf?'height:'+list.length*30+'px':''\"> --> \r\n\t\t\t<view class=\"ul\" :style=\"'--i:'+list.length\" :class=\"showIf?'show':''\"> <!-- 不支持就用上面那种 -->\r\n\t\t\t\t<view class=\"li\" v-for=\"(item, index) in list\" :key=\"index\" @click=\"handlerItem(index)\">{{ item.name }}</view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'dropdown',\r\n\tprops: {\r\n\t\tlist: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () => []\r\n\t\t},\r\n\t\tcurrent: {\r\n\t\t\ttype: [String, Number],\r\n\t\t\tdefault: 0\r\n\t\t}\r\n\t},\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tshowIf: false\r\n\t\t};\r\n\t},\r\n\tmethods: {\r\n\t\thandlerItem(value) {\n\t\t\tthis.showIf = false\r\n\t\t\tthis.$emit('onClick', value);\r\n\t\t},\r\n\t\thideShadow() {\r\n\t\t\tthis.showIf = false;\r\n\t\t},\r\n\t\tshowShadow() {\r\n\t\t\tthis.showIf = true;\r\n\t\t}\r\n\t}\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.dropWrap {\n\tbox-sizing: border-box;\r\n\twidth: 145px;\r\n\t// margin: 0 3px;\r\n\theight: 30px;\r\n\t// border: 1px solid #e8ecef;\r\n\tfont-size: 12px;\r\n\t// color: #8c9fad;\r\n\tbackground: #F7F7F7;\r\n\tcolor: #138E57;\r\n\tborder-radius: 3px;\n\tpadding: 4px 8px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\t.sanjiao{\r\n\t\t\n\t\t// width: 0;\n\t\t// height: 0;\n\t\t// border-left: 6px solid transparent;\n\t\t// border-right:6px solid transparent;\n\t\t// border-top:6px solid #C5CFD5;\n\t\t// border-bottom:6px solid transparent;\n\t\t// transform: translateY(3px);\r\n\t\ttransform: rotate(90deg);\r\n\t\timage{\r\n\t\t\twidth: 13px;\r\n\t\t\theight: 18px;\r\n\t\t}\n\t}\r\n}\r\n.dropdown {\r\n\tposition: absolute;\r\n\tz-index: 100;\r\n\t.ul {\n\t\twidth: 145px;\r\n\t\tposition: relative;\r\n\t\tz-index: 101;\r\n\t\tlist-style: none;\r\n\t\tbackground-color: #fff;\r\n\t\tborder-radius: 4rpx;\r\n\t\tpadding-left: 0;\r\n\t\tbox-shadow: 6rpx 6rpx 10rpx rgba(122, 122, 122, 0.2);\n\t\ttransition: all 0.2s;\n\t\theight: 0;\n\t\toverflow: hidden;\r\n\t\t.li {\n\t\t\tbox-sizing: border-box;\r\n\t\t\tcolor: #000;\r\n\t\t\theight: 30px;\r\n\t\t\tborder-bottom: 1px solid #e6eaeb;\r\n\t\t\tfont-size: 24rpx;\n\t\t\tline-height: 30px; //与下面的高度保持一致\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\t\t.li:last-child {\r\n\t\t\tborder-bottom: none;\r\n\t\t}\r\n\t}\n\t.show {\n\t\theight: calc( var(--i) * 30px ); //与上面的高度保持一致\n\t}\r\n\t.dropdown-mask {\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tposition: fixed;\r\n\t\twidth: 100vw;\r\n\t\theight: 100vh;\r\n\t\tz-index: 100;\r\n\t\tpointer-events: auto;\r\n\t}\r\n\t.undropdown-mask {\r\n\t\tpointer-events: none;\r\n\t}\r\n}\r\n</style>\n","import mod from \"-!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./dt-dropdown.vue?vue&type=style&index=0&id=30fce8e2&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HbuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./dt-dropdown.vue?vue&type=style&index=0&id=30fce8e2&scoped=true&lang=scss&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1648195256755\n var cssReload = require(\"D:/HbuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);\n }\n "],"sourceRoot":""}
|
