1 line
23 KiB
Plaintext
1 line
23 KiB
Plaintext
{"version":3,"sources":["webpack:///D:/chenq/chen/hengmei/hengmei/components/simple-address/simple-address.vue?49bf","webpack:///D:/chenq/chen/hengmei/hengmei/components/simple-address/simple-address.vue?d342","webpack:///D:/chenq/chen/hengmei/hengmei/components/simple-address/simple-address.vue?27cb","webpack:///D:/chenq/chen/hengmei/hengmei/components/simple-address/simple-address.vue?6cc6","uni-app:///components/simple-address/simple-address.vue","webpack:///D:/chenq/chen/hengmei/hengmei/components/simple-address/simple-address.vue?c7b1","webpack:///D:/chenq/chen/hengmei/hengmei/components/simple-address/simple-address.vue?9554"],"names":[],"mappings":"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","file":"components/simple-address/simple-address.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./simple-address.vue?vue&type=template&id=646dba24&scoped=true&\"\nvar renderjs\nimport script from \"./simple-address.vue?vue&type=script&lang=js&\"\nexport * from \"./simple-address.vue?vue&type=script&lang=js&\"\nimport style0 from \"./simple-address.vue?vue&type=style&index=0&id=646dba24&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../HbuilderX/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 \"646dba24\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"components/simple-address/simple-address.vue\"\nexport default component.exports","export * from \"-!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./simple-address.vue?vue&type=template&id=646dba24&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/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./simple-address.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./simple-address.vue?vue&type=script&lang=js&\"","<template>\r\n\t<view class=\"simple-address\" v-if=\"showPopup\" @touchmove.stop.prevent=\"clear\">\r\n\t\t<!-- 遮罩层 -->\r\n\t\t<view\r\n\t\t\tclass=\"simple-address-mask\"\r\n\t\t\t@touchmove.stop.prevent=\"clear\"\r\n\t\t\tv-if=\"maskClick\"\r\n\t\t\t:class=\"[ani + '-mask', animation ? 'mask-ani' : '']\"\r\n\t\t\t:style=\"{\r\n\t\t\t\t'background-color': maskBgColor\r\n\t\t\t}\"\r\n\t\t\t@tap=\"hideMask(true)\"\r\n\t\t></view>\r\n\r\n\t\t<view class=\"simple-address-content simple-address--fixed\" :class=\"[type, ani + '-content', animation ? 'content-ani' : '']\">\r\n\t\t\t<view class=\"simple-address__header\">\r\n\t\t\t\t<view class=\"simple-address__header-btn-box\" @click=\"pickerCancel\">\r\n\t\t\t\t\t<text class=\"simple-address__header-text\" :style=\"{ color: cancelColor, fontSize: btnFontSize }\">取消</text>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"simple-address__header-btn-box\" @click=\"pickerConfirm\">\r\n\t\t\t\t\t<text class=\"simple-address__header-text\" :style=\"{ color: confirmColor || themeColor, fontSize: btnFontSize }\">确定</text>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t\t<view class=\"simple-address__box\">\r\n\t\t\t\t<picker-view indicator-style=\"height: 70rpx;\" class=\"simple-address-view\" :value=\"pickerValue\" @change=\"pickerChange\">\r\n\t\t\t\t\t<picker-view-column>\r\n\t\t\t\t\t\t<!-- #ifndef APP-NVUE -->\r\n\t\t\t\t\t\t<view class=\"picker-item\" :style=\"{ fontSize: fontSize }\" v-for=\"(item, index) in provinceDataList\" :key=\"index\">{{ item.label }}</view>\r\n\t\t\t\t\t\t<!-- #endif -->\r\n\t\t\t\t\t\t<!-- #ifdef APP-NVUE -->\r\n\t\t\t\t\t\t<text class=\"picker-item\" :style=\"{ fontSize: fontSize }\" v-for=\"(item, index) in provinceDataList\" :key=\"index\">{{ item.label }}</text>\r\n\t\t\t\t\t\t<!-- #endif -->\r\n\t\t\t\t\t</picker-view-column>\r\n\t\t\t\t\t<picker-view-column>\r\n\t\t\t\t\t\t<!-- #ifndef APP-NVUE -->\r\n\t\t\t\t\t\t<view class=\"picker-item\" :style=\"{ fontSize: fontSize }\" v-for=\"(item, index) in cityDataList\" :key=\"index\">{{ item.label }}</view>\r\n\t\t\t\t\t\t<!-- #endif -->\r\n\t\t\t\t\t\t<!-- #ifdef APP-NVUE -->\r\n\t\t\t\t\t\t<text class=\"picker-item\" :style=\"{ fontSize: fontSize }\" v-for=\"(item, index) in cityDataList\" :key=\"index\">{{ item.label }}</text>\r\n\t\t\t\t\t\t<!-- #endif -->\r\n\t\t\t\t\t</picker-view-column>\r\n\t\t\t\t\t<picker-view-column>\r\n\t\t\t\t\t\t<!-- #ifndef APP-NVUE -->\r\n\t\t\t\t\t\t<view class=\"picker-item\" :style=\"{ fontSize: fontSize }\" v-for=\"(item, index) in areaDataList\" :key=\"index\">{{ item.label }}</view>\r\n\t\t\t\t\t\t<!-- #endif -->\r\n\t\t\t\t\t\t<!-- #ifdef APP-NVUE -->\r\n\t\t\t\t\t\t<text class=\"picker-item\" :style=\"{ fontSize: fontSize }\" v-for=\"(item, index) in areaDataList\" :key=\"index\">{{ item.label }}</text>\r\n\t\t\t\t\t\t<!-- #endif -->\r\n\t\t\t\t\t</picker-view-column>\r\n\t\t\t\t</picker-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\n/**\r\n * Simple-addres 地址联动组件\r\n * @description 三级地址联动，支持（app）nvue、小程序、H5\r\n * @tutorial https://ext.dcloud.net.cn/plugin?id=1084\r\n * @property {String} animation 是否开启动画\r\n * @property {String} type = [bottom] 弹出层类型，暂时只支持底部弹出\r\n * @property {Boolean} maskClick = [true | false] 是否允许点击遮罩层关闭\r\n * @property {Boolean} show = [true | false] 显示或隐藏地址组件\r\n * @property {String} maskBgColor 遮罩层背景颜色\r\n * @property {String} cancelColor 取消按钮颜色，默认为：#1aad19\r\n * @property {String} confirmColor 确认按钮颜色，默认为：themeColor\r\n * @property {String} themeColor 主题颜色，后续会废弃该配置，建议使用`cancelColor`或`confirmColor`\r\n * @property {String} btnFontSize 取消、确认按钮字体大小，默认为`uni.scss里的 $uni-font-size-base `\r\n * @property {String} fontSize picker-item字体大小，默认为：28rpx\r\n * @property {Array} pickerValueDefault 默认值，可以通过function queryIndex 获取\r\n * @property {Function} queryIndex 根据自定义信息返回对应的index\r\n * @property {Function} open 打开\r\n * @example <simple-address ref=\"simpleAddress\" :pickerValueDefault=\"cityPickerValueDefault\" @onConfirm=\"onConfirm\" themeColor='#007AFF'></simple-address>\r\n */\r\n\r\nimport provinceData from './city-data/province.js';\r\nimport cityData from './city-data/city.js';\r\nimport areaData from './city-data/area.js';\r\nexport default {\r\n\tname: 'simpleAddress',\r\n\tprops: {\r\n\t\tmode: {\r\n\t\t\t// 地址类型\r\n\t\t\t// default 则代表老版本根据index索引获取数据\r\n\t\t\t//\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'default'\r\n\t\t},\r\n\t\t// 开启动画\r\n\t\tanimation: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: true\r\n\t\t},\r\n\t\t/* 弹出层类型，可选值；\r\n\t\t\t\tbottom：底部弹出层\r\n\t\t\t*/\r\n\t\ttype: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'bottom'\r\n\t\t},\r\n\t\t// maskClick\r\n\t\tmaskClick: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: true\r\n\t\t},\r\n\t\tshow: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: true\r\n\t\t},\r\n\t\tmaskBgColor: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'rgba(0, 0, 0, 0.4)' //背景颜色 rgba(0, 0, 0, 0.4) 为空则调用 uni.scss\r\n\t\t},\r\n\t\tthemeColor: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '' // 确认按钮颜色（向下兼容）\r\n\t\t},\r\n\t\tcancelColor: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '' // 取消按钮颜色\r\n\t\t},\r\n\t\tconfirmColor: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '' // 确认按钮颜色\r\n\t\t},\r\n\t\tfontSize: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '28rpx' // picker-item字体大小\r\n\t\t},\r\n\t\tbtnFontSize: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '' // 按钮的字体大小\r\n\t\t},\r\n\t\t/* 默认值 */\r\n\t\tpickerValueDefault: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault() {\r\n\t\t\t\treturn [0, 0, 0];\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tani: '',\r\n\t\t\tshowPopup: false,\r\n\t\t\tpickerValue: [0, 0, 0],\r\n\t\t\tprovinceDataList: [],\r\n\t\t\tcityDataList: [],\r\n\t\t\tareaDataList: []\r\n\t\t};\r\n\t},\r\n\twatch: {\r\n\t\tshow(newValue) {\r\n\t\t\tif (newValue) {\r\n\t\t\t\tthis.open();\r\n\t\t\t} else {\r\n\t\t\t\tthis.close();\r\n\t\t\t}\r\n\t\t},\r\n\t\tpickerValueDefault() {\r\n\t\t\tthis.init();\r\n\t\t}\r\n\t},\r\n\tcreated() {\r\n\t\tthis.init();\r\n\t},\r\n\tmethods: {\r\n\t\tinit() {\r\n\t\t\tthis.handPickValueDefault(); // 对 pickerValueDefault 做兼容处理\r\n\t\t\tthis.provinceDataList = provinceData;\r\n\t\t\tthis.cityDataList = cityData[this.pickerValueDefault[0]];\r\n\t\t\tthis.areaDataList = areaData[this.pickerValueDefault[0]][this.pickerValueDefault[1]];\r\n\t\t\tthis.pickerValue = this.pickerValueDefault;\r\n\t\t},\r\n\t\thandPickValueDefault() {\r\n\t\t\tif (this.pickerValueDefault !== [0, 0, 0]) {\r\n\t\t\t\tif (this.pickerValueDefault[0] > provinceData.length - 1) {\r\n\t\t\t\t\tthis.pickerValueDefault[0] = provinceData.length - 1;\r\n\t\t\t\t}\r\n\t\t\t\tif (this.pickerValueDefault[1] > cityData[this.pickerValueDefault[0]].length - 1) {\r\n\t\t\t\t\tthis.pickerValueDefault[1] = cityData[this.pickerValueDefault[0]].length - 1;\r\n\t\t\t\t}\r\n\t\t\t\tif (this.pickerValueDefault[2] > areaData[this.pickerValueDefault[0]][this.pickerValueDefault[1]].length - 1) {\r\n\t\t\t\t\tthis.pickerValueDefault[2] = areaData[this.pickerValueDefault[0]][this.pickerValueDefault[1]].length - 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tpickerChange(e) {\r\n\t\t\tlet changePickerValue = e.detail.value;\r\n\t\t\tif (this.pickerValue[0] !== changePickerValue[0]) {\r\n\t\t\t\t// 第一级发生滚动\r\n\t\t\t\tthis.cityDataList = cityData[changePickerValue[0]];\r\n\t\t\t\tthis.areaDataList = areaData[changePickerValue[0]][0];\r\n\t\t\t\tchangePickerValue[1] = 0;\r\n\t\t\t\tchangePickerValue[2] = 0;\r\n\t\t\t} else if (this.pickerValue[1] !== changePickerValue[1]) {\r\n\t\t\t\t// 第二级滚动\r\n\t\t\t\tthis.areaDataList = areaData[changePickerValue[0]][changePickerValue[1]];\r\n\t\t\t\tchangePickerValue[2] = 0;\r\n\t\t\t}\r\n\t\t\tthis.pickerValue = changePickerValue;\r\n\t\t\tthis._$emit('onChange');\r\n\t\t},\r\n\t\t_$emit(emitName) {\r\n\t\t\tlet pickObj = {\r\n\t\t\t\tlabel: this._getLabel(),\r\n\t\t\t\tvalue: this.pickerValue,\r\n\t\t\t\tcityCode: this._getCityCode(),\r\n\t\t\t\tareaCode: this._getAreaCode(),\r\n\t\t\t\tprovinceCode: this._getProvinceCode(),\r\n\t\t\t\tlabelArr: this._getLabel().split('-')\r\n\t\t\t};\r\n\t\t\tthis.$emit(emitName, pickObj);\r\n\t\t},\r\n\t\t_getLabel() {\r\n\t\t\tlet pcikerLabel =\r\n\t\t\t\tthis.provinceDataList[this.pickerValue[0]].label + '-' + this.cityDataList[this.pickerValue[1]].label + '-' + this.areaDataList[this.pickerValue[2]].label;\r\n\t\t\treturn pcikerLabel;\r\n\t\t},\r\n\t\t_getCityCode() {\r\n\t\t\treturn this.cityDataList[this.pickerValue[1]].value;\r\n\t\t},\r\n\t\t_getProvinceCode() {\r\n\t\t\treturn this.provinceDataList[this.pickerValue[0]].value;\r\n\t\t},\r\n\t\t_getAreaCode() {\r\n\t\t\treturn this.areaDataList[this.pickerValue[2]].value;\r\n\t\t},\r\n\t\tqueryIndex(params = [], type = 'value') {\r\n\t\t\t// params = [ 11 ,1101,110101 ];\r\n\t\t\t// 1.获取省份的index\r\n\t\t\tlet provinceIndex = provinceData.findIndex(res => res[type] == params[0]);\r\n\t\t\tlet cityIndex = cityData[provinceIndex].findIndex(res => res[type] == params[1]);\r\n\t\t\tlet areaIndex = areaData[provinceIndex][cityIndex].findIndex(res => res[type] == params[2]);\r\n\t\t\treturn {\r\n\t\t\t\tindex: [provinceIndex, cityIndex, areaIndex],\r\n\t\t\t\tdata: {\r\n\t\t\t\t\tprovince: provinceData[provinceIndex],\r\n\t\t\t\t\tcity: cityData[provinceIndex][cityIndex],\r\n\t\t\t\t\tarea: areaData[provinceIndex][cityIndex][areaIndex]\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t},\r\n\t\tclear() {},\r\n\t\thideMask() {\r\n\t\t\tthis._$emit('onCancel');\r\n\t\t\tthis.close();\r\n\t\t},\r\n\t\tpickerCancel() {\r\n\t\t\tthis._$emit('onCancel');\r\n\t\t\tthis.close();\r\n\t\t},\r\n\t\tpickerConfirm() {\r\n\t\t\tthis._$emit('onConfirm');\r\n\t\t\tthis.close();\r\n\t\t},\r\n\t\topen() {\r\n\t\t\tthis.showPopup = true;\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.ani = 'simple-' + this.type;\r\n\t\t\t\t}, 100);\r\n\t\t\t});\r\n\t\t},\r\n\t\tclose(type) {\r\n\t\t\tif (!this.maskClick && type) return;\r\n\t\t\tthis.ani = '';\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.showPopup = false;\r\n\t\t\t\t}, 300);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.simple-address {\r\n\t/* #ifndef APP-NVUE */\r\n\tdisplay: flex;\r\n\t/* #endif */\r\n\tflex-direction: column;\r\n}\r\n\r\n.simple-address-mask {\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\r\n\ttransition-property: opacity;\r\n\ttransition-duration: 0.3s;\r\n\topacity: 0;\r\n\t/* #ifndef APP-NVUE */\r\n\tz-index: 99;\r\n\t/* #endif */\r\n}\r\n\r\n.mask-ani {\r\n\ttransition-property: opacity;\r\n\ttransition-duration: 0.2s;\r\n}\r\n\r\n.simple-bottom-mask {\r\n\topacity: 1;\r\n}\r\n\r\n.simple-center-mask {\r\n\topacity: 1;\r\n}\r\n\r\n.simple-address--fixed {\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\ttransition-property: transform;\r\n\ttransition-duration: 0.3s;\r\n\ttransform: translateY(460rpx);\r\n\t/* #ifndef APP-NVUE */\r\n\tz-index: 99;\r\n\t/* #endif */\r\n}\r\n\r\n.simple-address-content {\r\n\tbackground-color: #ffffff;\r\n}\r\n\r\n.simple-content-bottom {\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\ttransform: translateY(500rpx);\r\n}\r\n\r\n.content-ani {\r\n\ttransition-property: transform, opacity;\r\n\ttransition-duration: 0.2s;\r\n}\r\n\r\n.simple-bottom-content {\r\n\ttransform: translateY(0);\r\n}\r\n\r\n.simple-center-content {\r\n\ttransform: scale(1);\r\n\topacity: 1;\r\n}\r\n\r\n.simple-address__header {\r\n\tposition: relative;\r\n\t/* #ifndef APP-NVUE */\r\n\tdisplay: flex;\r\n\t/* #endif */\r\n\tflex-direction: row;\r\n\tflex-wrap: nowrap;\r\n\tjustify-content: space-between;\r\n\tborder-bottom-color: #f2f2f2;\r\n\tborder-bottom-style: solid;\r\n\tborder-bottom-width: 1rpx;\r\n}\r\n\r\n.simple-address--fixed-top {\r\n\t/* #ifndef APP-NVUE */\r\n\tdisplay: flex;\r\n\t/* #endif */\r\n\tflex-direction: row;\r\n\tjustify-content: space-between;\r\n\tborder-top-color: $uni-border-color;\r\n\tborder-top-style: solid;\r\n\tborder-top-width: 1rpx;\r\n}\r\n\r\n.simple-address__header-btn-box {\r\n\t/* #ifndef APP-NVUE */\r\n\tdisplay: flex;\r\n\t/* #endif */\r\n\tflex-direction: row;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\theight: 70rpx;\r\n}\r\n\r\n.simple-address__header-text {\r\n\ttext-align: center;\r\n\tfont-size: $uni-font-size-base;\r\n\tcolor: #1aad19;\r\n\tline-height: 70rpx;\r\n\tpadding-left: 40rpx;\r\n\tpadding-right: 40rpx;\r\n}\r\n\r\n.simple-address__box {\r\n\tposition: relative;\r\n}\r\n\r\n.simple-address-view {\r\n\tposition: relative;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\t/* #ifndef APP-NVUE */\r\n\twidth: 100%;\r\n\t/* #endif */\r\n\t/* #ifdef APP-NVUE */\r\n\twidth: 750rpx;\r\n\t/* #endif */\r\n\theight: 408rpx;\r\n\tbackground-color: rgba(255, 255, 255, 1);\r\n}\r\n\r\n.picker-item {\r\n\ttext-align: center;\r\n\tline-height: 70rpx;\r\n\ttext-overflow: ellipsis;\r\n\tfont-size: 28rpx;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./simple-address.vue?vue&type=style&index=0&id=646dba24&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./simple-address.vue?vue&type=style&index=0&id=646dba24&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1629355716568\n var cssReload = require(\"D:/HbuilderX/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":""} |