1 line
26 KiB
Plaintext
1 line
26 KiB
Plaintext
{"version":3,"sources":["webpack:///E:/云商会/云商会/tuniao-ui/components/tn-select/tn-select.vue?d45c","webpack:///E:/云商会/云商会/tuniao-ui/components/tn-select/tn-select.vue?e81a","webpack:///E:/云商会/云商会/tuniao-ui/components/tn-select/tn-select.vue?d2f6","webpack:///E:/云商会/云商会/tuniao-ui/components/tn-select/tn-select.vue?68c2","uni-app:///tuniao-ui/components/tn-select/tn-select.vue","webpack:///E:/云商会/云商会/tuniao-ui/components/tn-select/tn-select.vue?ecff","webpack:///E:/云商会/云商会/tuniao-ui/components/tn-select/tn-select.vue?7e92"],"names":["name","props","value","type","default","mode","list","valueName","labelName","childName","defaultValue","title","cancelText","cancelColor","confirmText","confirmColor","maskCloseable","safeAreaInsetBottom","zIndex","searchShow","searchPlaceholder","computed","elZIndex","data","moving","defaultSelector","columnData","selectValue","lastSelectIndex","columnNum","watch","handler","immediate","methods","searchInput","console","search","searchResult","result","pickStart","pickEnd","init","setDefaultSelector","setColumnNum","column","num","setColumnData","setSelectValue","tmp","label","columnChange","columnIndex","close","getResult"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAkI;AAClI;AAC6D;AACL;AACsC;;;AAG9F;AAC+L;AAC/L,gBAAgB,wMAAU;AAC1B,EAAE,+EAAM;AACR,EAAE,gGAAM;AACR,EAAE,yGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,oGAAU;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,aAAa,4QAEN;AACP,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACjCA;AAAA;AAAA;AAAA;AAAquB,CAAgB,0vBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBC+DzvB;EACAA;EACAC;IACAC;MACAC;MACAC;IACA;IACA;IACA;IACAC;MACAF;MACAC;IACA;IACA;IACAE;MACAH;MACAC;QACA;MACA;IACA;IACA;IACAG;MACAJ;MACAC;IACA;IACA;IACAI;MACAL;MACAC;IACA;IACA;IACAK;MACAN;MACAC;IACA;IACA;IACAM;MACAP;MACAC;QACA;MACA;IACA;IACA;IACAO;MACAR;MACAC;IACA;IACA;IACAQ;MACAT;MACAC;IACA;IACA;IACAS;MACAV;MACAC;IACA;IACA;IACAU;MACAX;MACAC;IACA;IACA;IACAW;MACAZ;MACAC;IACA;IACA;IACAY;MACAb;MACAC;IACA;IACA;IACAa;MACAd;MACAC;IACA;IACA;IACAc;MACAf;MACAC;IACA;IACA;IACAe;MACAhB;MACAC;IACA;IACA;IACAgB;MACAjB;MACAC;IACA;EACA;EACAiB;IACAC;MACA;IACA;EACA;EACAC;IACA;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;IAEA;EACA;EACAC;IACA;IACA5B;MACA6B;QAAA;QACA;UAAA;QAAA;MACA;MACAC;IACA;EACA;EACAC;IACA;IACAC;MACAC;MACA;IACA;IACA;IACAC;MACAD;MACA;IACA;IACA;IACAE;MAAA;MACA;MACA;MACA;QAAA;MAAA;MACA;QACAC,iBACA;MACA;MACA;MACA;MACA;MACA;QACA;MACA;IACA;IAEA;IACAC;MAEA;IAEA;IACA;IACAC;MAEA;IAEA;IACAC;MACA;MACA;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;MAAA,KACA;MACA;MAAA,KACA;QACA;QACA;QACA;QACA;UACAC,qDACAC;QACA;QACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;QACA;QACA;QACA;QACA;UACA;UACA;YACAvB;YACAqB;UACA;YACA;YACArB;YACAqB;UACA;QACA;MACA;QACArB;MACA;QACAA;MACA;MACA;IACA;IACA;IACAwB;MACA;MACA;QACAC;QACA;UACA9C;UACA+C;QACA;QACA;QACA;QACA;MACA;MACA;IACA;IACA;IACAC;MAAA;MACA;MACA;MAEA;MACA;QACA;QACA;UACA;QACA;QACA;QACA;QACA;QACA;UACA;UACA;QACA;QACA;QACA;QACAC;UACA;UACA;YACAjD;YACA+C;UACA;UACA;UACA;QACA;QACA;MACA;QACA;QACA;UACA/C;UACA+C;QACA;QACA;QACA;MACA;QACAE;UACA;UACA;YACAjD;YACA+C;UACA;UACA;UACA;QACA;MACA;IACA;IACAG;MACA;IACA;IACAC;MAAA;MAEA;MAEA;MACA;IACA;EACA;AACA;AAAA,4B;;;;;;;;;;;;ACvWA;AAAA;AAAA;AAAA;AAAg5C,CAAgB,62CAAG,EAAC,C;;;;;;;;;;;ACAp6C;AACA,OAAO,KAAU,EAAE,kBAKd","file":"tuniao-ui/components/tn-select/tn-select.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./tn-select.vue?vue&type=template&id=a65b9b48&scoped=true&\"\nvar renderjs\nimport script from \"./tn-select.vue?vue&type=script&lang=js&\"\nexport * from \"./tn-select.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tn-select.vue?vue&type=style&index=0&id=a65b9b48&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!F:\\\\HBuilderX.3.5.3.20220729\\\\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 \"a65b9b48\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"tuniao-ui/components/tn-select/tn-select.vue\"\nexport default component.exports","export * from \"-!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--17-0!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\template.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-uni-app-loader\\\\page-meta.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tn-select.vue?vue&type=template&id=a65b9b48&scoped=true&\"","var components\ntry {\n components = {\n tnPopup: function () {\n return import(\n /* webpackChunkName: \"tuniao-ui/components/tn-popup/tn-popup\" */ \"@/tuniao-ui/components/tn-popup/tn-popup.vue\"\n )\n },\n }\n} catch (e) {\n if (\n e.message.indexOf(\"Cannot find module\") !== -1 &&\n e.message.indexOf(\".vue\") !== -1\n ) {\n console.error(e.message)\n console.error(\"1. 排查组件名称拼写是否正确\")\n console.error(\n \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n )\n console.error(\n \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n )\n } else {\n throw e\n }\n}\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 \"-!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tn-select.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tn-select.vue?vue&type=script&lang=js&\"","<template>\r\n <view v-if=\"value\" class=\"tn-select-class tn-select\">\r\n <tn-popup\r\n v-model=\"value\"\r\n mode=\"bottom\"\r\n :popup=\"false\"\r\n length=\"auto\"\r\n :safeAreaInsetBottom=\"safeAreaInsetBottom\"\r\n :maskCloseable=\"maskCloseable\"\r\n :zIndex=\"elZIndex\"\r\n @close=\"close\"\r\n >\r\n <view class=\"tn-select__content\">\r\n <!-- 头部 -->\r\n <view class=\"tn-select__content__header\" @touchmove.stop.prevent>\r\n <view\r\n class=\"tn-select__content__header__btn tn-select__content__header--cancel\"\r\n :style=\"{ color: cancelColor }\"\r\n hover-class=\"tn-hover-class\"\r\n hover-stay-time=\"150\"\r\n @tap=\"getResult('cancel')\"\r\n >{{ cancelText }}</view>\r\n <view class=\"tn-select__content__header__title\">{{ title }}</view>\r\n <view\r\n class=\"tn-select__content__header__btn tn-select__content__header--confirm\"\r\n :style=\"{ color: confirmColor }\"\r\n hover-class=\"tn-hover-class\"\r\n hover-stay-time=\"150\"\r\n @tap=\"getResult('confirm')\"\r\n >{{ confirmText }}</view>\r\n </view>\r\n <!-- 列表内容 -->\r\n\r\n <view class=\"tn-select__content__body\">\r\n <view v-if=\"searchShow && mode==='single'\">\r\n <view class=\"tn-flex tn-select__content__body__search\">\r\n <view class=\"tn-icon-search tn-padding-sm\" ></view>\r\n <input class=\"tn-select__content__body__search__input\" :placeholder=\"searchPlaceholder\" maxlength=\"255\" confirm-type=\"search\" @input=\"searchInput\" @confirm=\"search\" >\r\n </view>\r\n </view>\r\n <picker-view\r\n class=\"tn-select__content__body__view\"\r\n :value=\"defaultSelector\"\r\n @pickstart=\"pickStart\"\r\n @pickend=\"pickEnd\"\r\n @change=\"columnChange\"\r\n >\r\n\r\n <picker-view-column v-for=\"(item, index) in columnData\" :key=\"index\">\r\n <view class=\"tn-select__content__body__item\" v-for=\"(sub_item, sub_index) in item\" :key=\"sub_index\">\r\n <view class=\"tn-text-ellipsis\">\r\n {{ sub_item[labelName] }}\r\n </view>\r\n </view>\r\n </picker-view-column>\r\n </picker-view>\r\n </view>\r\n </view>\r\n </tn-popup>\r\n </view>\r\n</template>\r\n\r\n<script>\r\n export default {\r\n name: 'tn-select',\r\n props: {\r\n value: {\r\n type: Boolean,\r\n default: false\r\n },\r\n // 列表模式\r\n // single 单列 multi 多列 multi-auto 多列联动\r\n mode: {\r\n type: String,\r\n default: 'single'\r\n },\r\n // 列数据\r\n list: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n },\r\n // value属性名\r\n valueName: {\r\n type: String,\r\n default: 'value'\r\n },\r\n // label属性名\r\n labelName: {\r\n type: String,\r\n default: 'label'\r\n },\r\n // 当mode=multi-auto时，children的属性名\r\n childName: {\r\n type: String,\r\n default: 'children'\r\n },\r\n // 默认值\r\n defaultValue: {\r\n type: Array,\r\n default() {\r\n return [0]\r\n }\r\n },\r\n // 顶部标题\r\n title: {\r\n type: String,\r\n default: ''\r\n },\r\n // 取消按钮文字\r\n cancelText: {\r\n type: String,\r\n default: '取消'\r\n },\r\n // 取消按钮文字颜色\r\n cancelColor: {\r\n type: String,\r\n default: ''\r\n },\r\n // 确认按钮文字\r\n confirmText: {\r\n type: String,\r\n default: '确认'\r\n },\r\n // 确认按钮文字颜色\r\n confirmColor: {\r\n type: String,\r\n default: ''\r\n },\r\n // 点击遮罩关闭\r\n maskCloseable: {\r\n type: Boolean,\r\n default: true\r\n },\r\n // 预留安全区域\r\n safeAreaInsetBottom: {\r\n type: Boolean,\r\n default: false\r\n },\r\n // zIndex\r\n zIndex: {\r\n type: Number,\r\n default: 0\r\n },\r\n // 是否开启模糊搜索(只在单列模式生效)\r\n searchShow:{\r\n type:Boolean,\r\n default:true\r\n },\r\n //搜索框placeholder\r\n searchPlaceholder:{\r\n type:String,\r\n default:'搜索'\r\n }\r\n },\r\n computed: {\r\n elZIndex() {\r\n return this.zIndex ? this.zIndex : this.$tn.zIndex.popup\r\n }\r\n },\r\n data() {\r\n return {\r\n // 列是否还在滑动中，微信小程序如果在滑动中就点确定，结果可能不准确\r\n moving: false,\r\n // 用户保存当前列的索引，用于判断下一次变化时改变的列\r\n defaultSelector: [0],\r\n // picker-view数据\r\n columnData: [],\r\n // 保存用户选择的结果\r\n selectValue: [],\r\n // 上一次改变时的index\r\n lastSelectIndex: [],\r\n // 列数\r\n columnNum: 0,\r\n\r\n }\r\n },\r\n watch: {\r\n // 在select弹起的时候，重新初始化所有数据\r\n value: {\r\n handler(val) {\r\n if (val) setTimeout(() => this.init(), 10)\r\n },\r\n immediate: true\r\n }\r\n },\r\n methods: {\r\n //搜索输入监听\r\n searchInput(e){\r\n console.log(e.detail.value);\r\n this.searchResult(e.detail.value)\r\n },\r\n //搜索完成监听\r\n search(e){\r\n console.log(e.detail.value)\r\n this.searchResult(e.detail.value)\r\n },\r\n //执行搜索方法\r\n searchResult(value) {\r\n let result = [];\r\n // console.log(this.list)\r\n let data = this.list.filter(item => item[this.labelName].indexOf(value) > -1);\r\n if (data.length > 0) {\r\n result.push(data\r\n );\r\n }\r\n // console.log(result)\r\n this.columnData = result;\r\n this.selectValue=[]\r\n if (this.columnData.length>0){\r\n this.setSelectValue()\r\n }\r\n },\r\n\r\n // 标识滑动开始，只有微信小程序才有这样的事件\r\n pickStart() {\r\n \t// #ifdef MP-WEIXIN\r\n \tthis.moving = true;\r\n \t// #endif\r\n },\r\n // 标识滑动结束\r\n pickEnd() {\r\n \t// #ifdef MP-WEIXIN\r\n \tthis.moving = false;\r\n \t// #endif\r\n },\r\n init() {\r\n this.setColumnNum()\r\n this.setDefaultSelector()\r\n this.setColumnData()\r\n this.setSelectValue()\r\n },\r\n // 获取默认选中列下标\r\n setDefaultSelector() {\r\n // 如果没有传入默认值，生成用0填充长度为columnNum的数组\r\n this.defaultSelector = this.defaultValue.length === this.columnNum ? this.defaultValue : Array(this.columnNum).fill(0)\r\n this.lastSelectIndex = this.$tn.deepClone(this.defaultSelector)\r\n },\r\n // 计算列数\r\n setColumnNum() {\r\n // 单列的数量为1\r\n if (this.mode === 'single') this.columnNum = 1\r\n // 多列时取list的长度\r\n else if (this.mode === 'multi') this.columnNum = this.list.length\r\n // 多列联动时，通过遍历list的第一个元素，得出有多少列\r\n else if (this.mode === 'multi-auto') {\r\n let num = 1\r\n let column = this.list\r\n // 如果存在children属性，再次遍历\r\n while (column[0][this.childName]) {\r\n column = column[0] ? column[0][this.childName] : {},\r\n num++\r\n }\r\n this.columnNum = num\r\n }\r\n },\r\n // 获取需要展示在picker中的列数据\r\n setColumnData() {\r\n let data = []\r\n this.selectValue = []\r\n if (this.mode === 'multi-auto') {\r\n // 获取所有数据中的第一个元素\r\n let column = this.list[this.defaultSelector.length ? this.defaultSelector[0] : 0]\r\n // 通过循环所有列数，再根据设定列的数组，得出当前需要渲染的整个列数组\r\n for (let i = 0; i < this.columnNum; i++) {\r\n // 第一列默认为整个list数组\r\n if (i === 0) {\r\n data[i] = this.list\r\n column = column[this.childName]\r\n } else {\r\n // 大于第一列时，判断是否有默认选中的，如果没有就用该列的第一项\r\n data[i] = column\r\n column = column[this.defaultSelector[i]][this.childName]\r\n }\r\n }\r\n } else if (this.mode === 'single') {\r\n data[0] = this.list\r\n } else {\r\n data = this.list\r\n }\r\n this.columnData = data\r\n },\r\n // 获取默认选中的值，如果没有设置，则默认选中第一项\r\n setSelectValue() {\r\n let tmp = null\r\n for (let i = 0; i < this.columnNum; i++) {\r\n tmp = this.columnData[i][this.defaultSelector[i]]\r\n let data = {\r\n value: tmp ? tmp[this.valueName] : null,\r\n label: tmp ? tmp[this.labelName] : null\r\n }\r\n // 判断是否存在额外的参数\r\n if (tmp && tmp.extra) data.extra = tmp.extra\r\n this.selectValue.push(data)\r\n }\r\n // console.log(\"默认\",this.selectValue)\r\n },\r\n // 列选项\r\n columnChange(event) {\r\n let index = null\r\n let columnIndex = event.detail.value\r\n\r\n this.selectValue = []\r\n if (this.mode === 'multi-auto') {\r\n // 对比前后两个数组，判断变更的是那一列\r\n this.lastSelectIndex.map((v, idx) => {\r\n if (v != columnIndex[idx]) index = idx\r\n })\r\n this.defaultSelector = columnIndex\r\n // 当前变化列的下一列的数据，需要获取上一列的数据，同时需要指定是上一列的第几个的children，再往后的\r\n // 默认是队列的第一个为默认选项\r\n for (let i = index + 1; i < this.columnNum; i++) {\r\n this.columnData[i] = this.columnData[i - 1][i - 1 == index ? columnIndex[index] : 0][this.childName]\r\n this.defaultSelector[i] = 0\r\n }\r\n // 在历遍的过程中，可能由于上一步修改this.columnData，导致产生连锁反应，程序触发columnChange，会有多次调用\r\n // 只有在最后一次数据稳定后的结果是正确的，此前的历遍中，可能会产生undefined，故需要判断\r\n columnIndex.map((item, index) => {\r\n let data = this.columnData[index][columnIndex[index]]\r\n let tmp = {\r\n value: data ? data[this.valueName] : null,\r\n label: data ? data[this.labelName] : null\r\n }\r\n if (data && data.extra !== undefined) tmp.extra = data.extra\r\n this.selectValue.push(tmp)\r\n })\r\n this.lastSelectIndex = columnIndex\r\n } else if (this.mode === 'single') {\r\n let data = this.columnData[0][columnIndex[0]]\r\n let tmp = {\r\n value: data ? data[this.valueName] : null,\r\n label: data ? data[this.labelName] : null\r\n }\r\n if (data && data.extra !== undefined) tmp.extra = data.extra\r\n this.selectValue.push(tmp)\r\n } else if (this.mode === 'multi') {\r\n columnIndex.map((item, index) => {\r\n let data = this.columnData[index][columnIndex[index]]\r\n let tmp = {\r\n value: data ? data[this.valueName] : null,\r\n label: data ? data[this.labelName] : null\r\n }\r\n if (data && data.extra !== undefined) tmp.extra = data.extra\r\n this.selectValue.push(tmp)\r\n })\r\n }\r\n },\r\n close() {\r\n this.$emit('input', false)\r\n },\r\n getResult(event = null) {\r\n // #ifdef MP-WEIXIN\r\n if (this.moving) return;\r\n // #endif\r\n if (event) this.$emit(event, this.selectValue)\r\n this.close()\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n .tn-select {\r\n\r\n &__content {\r\n position: relative;\r\n\r\n &__header {\r\n position: relative;\r\n display: flex;\r\n flex-direction: row;\r\n width: 100%;\r\n height: 90rpx;\r\n padding: 0 40rpx;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n font-size: 30rpx;\r\n background-color: #FFFFFF;\r\n\r\n &__btn {\r\n padding: 16rpx;\r\n box-sizing: border-box;\r\n text-align: center;\r\n text-decoration: none;\r\n }\r\n\r\n &__title {\r\n color: $tn-font-color;\r\n }\r\n\r\n &--cancel {\r\n color: $tn-font-sub-color;\r\n }\r\n\r\n &--confirm {\r\n // color: $tn-main-color;\r\n background-color: #07C160;\r\n color: #FFFFFF;\r\n padding: 10rpx 25rpx;\r\n border-radius: 10rpx;\r\n }\r\n }\r\n\r\n &__body {\r\n width: 100%;\r\n height: 500rpx;\r\n overflow: hidden;\r\n background-color: #FFFFFF;\r\n\r\n &__search{\r\n z-index: 5;\r\n align-items: center;\r\n border-radius: 19px;\r\n background: #f8f8f8;\r\n width: calc(100% - 60rpx);\r\n margin: 0 auto;\r\n position: relative;\r\n top: 15px;\r\n\r\n &__input{\r\n width: 600rpx;\r\n }\r\n }\r\n\r\n &__view {\r\n height: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n &__item {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 32rpx;\r\n color: $tn-font-color;\r\n padding: 0 8rpx;\r\n }\r\n }\r\n }\r\n\r\n }\r\n</style>\r\n","import mod from \"-!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tn-select.vue?vue&type=style&index=0&id=a65b9b48&lang=scss&scoped=true&\"; export default mod; export * from \"-!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tn-select.vue?vue&type=style&index=0&id=a65b9b48&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1713944676176\n var cssReload = require(\"F:/HBuilderX.3.5.3.20220729/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":""} |