1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
{"version":3,"sources":["webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?6014","webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?09a2","webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?1ef8","webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?498a","uni-app:///components/mote-lines-divide/mote-lines-divide.vue","webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?5bd8","webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?ab04"],"names":["data","isHide","textHeight","lineHeight","placeholder","props","line","type","default","dt","enableButton","expandText","foldHint","watch","setTimeout","query","that","mounted","computed","lines"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA0I;AAC1I;AACqE;AACL;AACqC;;;AAGrG;AACmL;AACnL,gBAAgB,uLAAU;AAC1B,EAAE,uFAAM;AACR,EAAE,wGAAM;AACR,EAAE,iHAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,4GAAU;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AChBA;AAAA;AAAA;AAAA;AAA8rB,CAAgB,6qBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eCiCltB;EACAA;IACA;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;IACA;EACA;EACAC;IACA;IACAC;MACAC;MACAC;IACA;IACA;IACAC;MACAF;MACAC;IACA;IACAE;MACAH;MACAC;IACA;IACA;IACAG;MACAJ;MACAC;IACA;IACA;IACAI;MACAL;MACAC;IACA;EACA;EAEAK;IACAJ;MACA;MACAK;QACA;QACA;QACAC;UACAC;QACA;MACA;IACA;EACA;EAEAC;IAAA;IACA;MACA;MACA;MACAF;QACA;MACA;;MAEA;MACAA;QACA;MACA;IACA;IACA;IACA;EACA;EACAG;IACA;IACAC;MACA;QACA;MACA;MACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;AC/GA;AAAA;AAAA;AAAA;AAAygC,CAAgB,88BAAG,EAAC,C;;;;;;;;;;;ACA7hC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"components/mote-lines-divide/mote-lines-divide.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./mote-lines-divide.vue?vue&type=template&id=354ced08&scoped=true&\"\nvar renderjs\nimport script from \"./mote-lines-divide.vue?vue&type=script&lang=js&\"\nexport * from \"./mote-lines-divide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mote-lines-divide.vue?vue&type=style&index=0&id=354ced08&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../Developer/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 \"354ced08\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"components/mote-lines-divide/mote-lines-divide.vue\"\nexport default component.exports","export * from \"-!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./mote-lines-divide.vue?vue&type=template&id=354ced08&scoped=true&\"","var components\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n if (!_vm._isMounted) {\n _vm.e0 = function ($event) {\n _vm.isHide = false\n }\n _vm.e1 = function ($event) {\n _vm.isHide = true\n }\n }\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./mote-lines-divide.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./mote-lines-divide.vue?vue&type=script&lang=js&\"","<template>\r\n <view>\r\n <view style=\"position: relative\" v-if=\"isHide\">\r\n <view class=\"dt-content\" :style=\"'-webkit-line-clamp:'+line\">\r\n <text class=\"content\">\r\n <slot>{{ dt ? dt : '' }}</slot>\r\n </text>\r\n </view>\r\n <view class=\"button-show\" @tap=\"isHide = false\" v-if=\"enableButton&&lines>line\">\r\n <text style=\"color: blue\">{{ expandText }}</text>\r\n </view>\r\n </view>\r\n <view v-else>\r\n <view>\r\n <text class=\"content\">\r\n <slot>{{ dt ? dt : '' }}</slot>\r\n </text>\r\n </view>\r\n <view class=\"fold-hint\" v-if=\"foldHint\">\r\n <view @tap=\"isHide = true\">\r\n {{ foldHint }}\r\n </view>\r\n </view>\r\n </view>\r\n <view>\r\n <text class=\"placeholder\">\r\n {{ placeholder }}\r\n </text>\r\n </view>\r\n </view>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n // 是否隐藏多余行。初始状态不隐藏\r\n isHide: true,\r\n // 全量所占文本高度\r\n textHeight: 0,\r\n // 单行文本所占高度\r\n lineHeight: 1,\r\n // 占位文本\r\n placeholder: '占位'\r\n };\r\n },\r\n props: {\r\n // 展示多少行\r\n line: {\r\n type: [Number, String],\r\n default: 1\r\n },\r\n // 文本\r\n dt: {\r\n type: [String],\r\n default: ''\r\n },\r\n enableButton: {\r\n type: Boolean,\r\n default: true\r\n },\r\n // 自定义展开提示\r\n expandText: {\r\n type: String,\r\n default: \"展开\"\r\n },\r\n // 自定义收起提示\r\n foldHint: {\r\n type: String,\r\n default: \"收起\"\r\n }\r\n },\r\n\r\n watch:{\r\n dt(){\r\n let that = this\r\n setTimeout(() => {\r\n let query = uni.createSelectorQuery().in(that);\r\n // 获取所有文本在html中的高度\r\n query.select('.content').boundingClientRect(data => {\r\n that.textHeight = data.height\r\n }).exec();\r\n }, 100)\r\n }\r\n },\r\n\r\n mounted() {\r\n if (this.enableButton) {\r\n let query = uni.createSelectorQuery().in(this);\r\n // 获取所有文本在html中的高度\r\n query.select('.content').boundingClientRect(data => {\r\n this.textHeight = data.height\r\n }).exec();\r\n\r\n // 通过占位元素获取单行文本的高度\r\n query.select('.placeholder').boundingClientRect(data => {\r\n this.lineHeight = data.height\r\n }).exec();\r\n }\r\n // 获取单行文本高度后,置空占位元素,使其释放占位\r\n this.placeholder = ''\r\n },\r\n computed: {\r\n // 全文本所占总行数\r\n lines() {\r\n if (!this.enableButton) {\r\n return this.line\r\n }\r\n return Math.floor(this.textHeight > 0 && this.lineHeight > 0 ? this.textHeight / this.lineHeight : 0)\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.dt-content {\r\n overflow: hidden;\r\n text-overflow: clip;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n}\r\n\r\n.button-show {\r\n width: 70rpx;\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n z-index: 0;\r\n text-align: right;\r\n background-image: linear-gradient(-180deg, rgba(233, 236, 239, 0) 50%, #FFF 80%);\r\n padding-top: 2rem;\r\n}\r\n\r\n.fold-hint {\r\n color: blue;\r\n text-align: right\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./mote-lines-divide.vue?vue&type=style&index=0&id=354ced08&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./mote-lines-divide.vue?vue&type=style&index=0&id=354ced08&scoped=true&lang=css&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1727181414668\n var cssReload = require(\"E:/Developer/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":""} |