You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
25 KiB
1 lines
25 KiB
{"version":3,"sources":["webpack:////Users/jj/xuan-pay-cweb/components/QS-tabs/QS-tabs.vue?0245","webpack:////Users/jj/xuan-pay-cweb/components/QS-tabs/QS-tabs.vue?c6b7","webpack:////Users/jj/xuan-pay-cweb/components/QS-tabs/QS-tabs.vue?be87","webpack:////Users/jj/xuan-pay-cweb/components/QS-tabs/QS-tabs.vue?21cd","uni-app:///components/QS-tabs/QS-tabs.vue","webpack:////Users/jj/xuan-pay-cweb/components/QS-tabs/QS-tabs.vue?0b4a","webpack:////Users/jj/xuan-pay-cweb/components/QS-tabs/QS-tabs.vue?e3dd"],"names":[],"mappings":"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pMA,kBAoMA;AACA;AACA,aADA;AAEA,kBAFA;AAGA,iDAHA;AAIA,wBAJA;AAKA,wBALA;AAMA,0CANA;AAOA,gBAPA;AAQA,WARA;AASA,WATA;AAUA,kBAVA;AAWA,gBAXA;AAYA,mBAZA;AAaA,gBAbA;;AAeA,GApNA;;AAsNA,SAtNA,qBAsNA;AACA;AACA,GAxNA;;;;;;;AA+NA;AACA,QADA,kBACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAFA;AAGA,OAZA;AAaA,KApBA;AAqBA,gBArBA,0BAqBA;AACA;AACA;AACA;AACA;AACA,KA1BA;AA2BA,gBA3BA,0BA2BA;AACA;AACA;AACA;AACA;AACA,KAhCA;AAiCA,WAjCA,qBAiCA;AACA;AACA;AACA;AACA;AACA,KAtCA;AAuCA,QAvCA,gBAuCA,KAvCA,EAuCA;AACA;AACA,KAzCA;AA0CA,UA1CA,oBA0CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAFA,EAEA,+BAFA;AAGA;AACA;AACA,KApDA;AAqDA,YArDA,oBAqDA,EArDA,EAqDA;AACA;AACA;AACA;AACA,oBADA;AAEA;AACA;AACA;AACA;AACA,WAHA,MAGA;AACA;AACA;AACA,SATA,EASA,IATA;AAUA,OAZA,CAYA;AACA;AACA;AACA;AACA,KAtEA;AAuEA,iBAvEA,yBAuEA,EAvEA,EAuEA;AACA;AACA;AACA;AACA,oBADA;AAEA;AACA;AACA;AACA,WAFA,MAEA;AACA;AACA;AACA;AACA,SATA,EASA,IATA;AAUA,OAZA,CAYA;AACA;AACA;AACA;AACA,KAxFA;AAyFA,gBAzFA,0BAyFA;AACA;AACA;AACA;AACA;AACA,SAFA,MAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAFA,MAEA;AACA;AACA;AACA;AACA;AACA;AACA,KA5GA;AA6GA,SA7GA,iBA6GA,EA7GA,EA6GA;AACA;AACA;AACA,KAhHA;AAiHA,oBAjHA,4BAiHA,OAjHA,EAiHA;AACA;AACA;AACA;AACA,KArHA,EA/NA,E;;;;;;;;;;;;;AC/DA;AAAA;AAAA;AAAA;AAAgqC,CAAgB,0nCAAG,EAAC,C;;;;;;;;;;;ACAprC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"components/QS-tabs/QS-tabs.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./QS-tabs.vue?vue&type=template&id=152e6e98&scoped=true&\"\nvar renderjs\nimport script from \"./QS-tabs.vue?vue&type=script&lang=js&\"\nexport * from \"./QS-tabs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./QS-tabs.vue?vue&type=style&index=0&id=152e6e98&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../Applications/HBuilderX.app/Contents/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 \"152e6e98\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"components/QS-tabs/QS-tabs.vue\"\nexport default component.exports","export * from \"-!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./QS-tabs.vue?vue&type=template&id=152e6e98&scoped=true&\"","var components\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n var m0 = Number(_vm.zIndex)\n var m1 = Number(_vm.zIndex)\n var m2 = _vm.hasItemBackground ? Number(_vm.zIndex) : null\n _vm.$mp.data = Object.assign(\n {},\n {\n $root: {\n m0: m0,\n m1: m1,\n m2: m2\n }\n }\n )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./QS-tabs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./QS-tabs.vue?vue&type=script&lang=js&\"","<template>\n\t<view class=\"QS-tabs\" :style=\"{\n\t'z-index': zIndex,\n\t'font-size': getFontSize + 'rpx',\n\t'background-color': getBgColor,\n\t'transition-duration': getDuration + 's'\n\t}\">\n\t\t<scroll-view scroll-x class=\"QS-tabs-scroll\" :scroll-left=\"left\" scroll-with-animation :style=\"{ \n\t\t\t'z-index': (Number(zIndex) + 1)\n\t\t}\">\n\t\t\t<view class=\"QS-tabs-scroll-box\">\n\t\t\t\t<!-- 循环tabs -->\n\t\t\t\t<view class=\"QS-tabs-scroll-item\" :style=\"{\n\t\t\t\t\t'height':'100rpx', \n\t\t\t\t\t'line-height': getHeight + 'rpx',\n\t\t\t\t\t'min-width': getWidth + 'rpx',\n\t\t\t\t\t'padding': '0 ' + space + 'rpx',\n\t\t\t\t\t'color': index===getCurrent?getActiveColor:getDefaultColor,\n\t\t\t\t\t'font-weight': activeBold&&index===getCurrent?'bold':'',\n\t\t\t\t\t'transition-duration': getDuration + 's',\n\t\t\t\t\t'z-index': (Number(zIndex) + 2)\n\t\t\t\t}\"\n\t\t\t\t v-for=\"(item, index) in getTabs\" :key=\"index\" @tap=\"emit(index)\" :id=\"preId + index\">\n\t\t\t\t\t<!-- line1 -->\n\t\t\t\t\t<view v-if=\"animationMode==='line1'\" class=\"boxStyle\" :style=\"getDurationStyle +( index===getCurrent?getActiveStyle:getDefaultStyle)\"></view>\n\t\t\t\t\t{{item.name || item}}\n\t\t\t\t</view>\n\t\t\t\t<!-- itemBackground -->\n\t\t\t\t<view v-if=\"hasItemBackground\" class=\"itemBackgroundBox\" :style=\"{\n\t\t\t\t\t'height': getHeight + 'rpx',\n\t\t\t\t\t'width': (isLine3&&tabsInfo[animationFinishCurrent]?tabsInfo[animationFinishCurrent].width:tabsInfo[getCurrent].width) + 'px',\n\t\t\t\t\t'z-index': Number(zIndex) + 1,\n\t\t\t\t\t'transition-duration': getDuration + 's',\n\t\t\t\t\t'left': (tabsInfo[getCurrent]?tabsInfo[getCurrent].left:0) + 'px'\n\t\t\t\t}\">\n\t\t\t\t\t<view class=\"itemBackground\" :style=\"'transition-duration:' + getDuration + 's;' + \n\t\t\t\t\t\t'background-color:' + getItemBackgroundColor + ';' + \n\t\t\t\t\t\t'box-shadow: 0 0 5rpx 5rpx ' + getItemBackgroundColor + ';' + \n\t\t\t\t\t\titemBackgroundStyle + ';'\" />\n\t\t\t\t</view>\n\t\t\t\t<!-- line2 -->\n\t\t\t\t<view v-if=\"animationMode==='line2'\" class=\"boxStyle2\" :style=\"getLinezIndex + getDurationStyle + \n\t\t\t\t'width:' + lW + 'px;' + \n\t\t\t\t'background-color:' + (lineColor||getActiveColor) + ';' + \n\t\t\t\tline2Style + ';' + \n\t\t\t\t'left:' + line2Dx + 'px;'\" />\n\n\t\t\t\t<view v-if=\"animationMode==='line3'\" class=\"boxStyle2\" :style=\"getLinezIndex + \n\t\t\t\t'width:' + lW + 'px;' + \n\t\t\t\t'background-color:' + (lineColor||getActiveColor) + ';' + \n\t\t\t\tline2Style + ';' + \n\t\t\t\t'left:' + getLine3Dx + 'px'\" />\n\n\t\t\t</view>\n\t\t</scroll-view>\n\t</view>\n</template>\n\n<script>\n\tconst {\n\t\twindowWidth\n\t} = uni.getSystemInfoSync();\n\tconst preId = 'QSTabsID_';\n\texport default {\n\t\tprops: {\n\t\t\ttabs: { //需循环的标签列表\n\t\t\t\ttype: Array,\n\t\t\t\tdefault () {\n\t\t\t\t\treturn [];\n\t\t\t\t}\n\t\t\t},\n\t\t\tcurrent: { //当前所在滑块的 index\n\t\t\t\ttype: Number,\n\t\t\t\tdefault: 0\n\t\t\t},\n\t\t\theight: { //QS-tabs的高度和行高\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 80\n\t\t\t},\n\t\t\tminWidth: { //单个tab的最小宽度\t//v1.4修改\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 250\n\t\t\t},\n\t\t\tfontSize: { //字体大小\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 30\n\t\t\t},\n\t\t\tduration: { //过渡动画时长, 单位 s\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: .5\n\t\t\t},\n\t\t\tactiveColor: { //选中项的主题颜色\n\t\t\t\ttype: String,\n\t\t\t\tdefault: '#33cc33'\n\t\t\t},\n\t\t\tdefaultColor: { //未选中项的主题颜色\n\t\t\t\ttype: String,\n\t\t\t\tdefault: '#888'\n\t\t\t},\n\t\t\tanimationLineWidth: { //动画线条的宽度\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 20\n\t\t\t},\n\t\t\tline2Style: { //line2线条的样式\n\t\t\t\ttype: String,\n\t\t\t\tdefault: 'height: 8rpx;border-radius: 4rpx;'\n\t\t\t},\n\t\t\tanimationMode: { //动画类型\n\t\t\t\ttype: String,\n\t\t\t\tdefault: 'line1'\n\t\t\t},\n\t\t\tautoCenter: { //是否自动滚动至中心目标\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: true\n\t\t\t},\n\t\t\tautoCenterMode: { //滚动至中心目标类型\n\t\t\t\ttype: String,\n\t\t\t\tdefault: 'component'\n\t\t\t},\n\t\t\tactiveStyle: { //line1模式选中项的样式\n\t\t\t\ttype: String,\n\t\t\t\tdefault: 'bottom:0;left:50%;transform: translate(-50%,-100%);height: 8rpx;border-radius:4rpx;'\n\t\t\t},\n\t\t\tdefaultStyle: { //line1模式未选中项的样式\n\t\t\t\ttype: String,\n\t\t\t\tdefault: 'bottom:0;left:50%;transform: translate(-50%,-100%);height: 8rpx;border-radius:4rpx;'\n\t\t\t},\n\t\t\tbackgroundColor: { //统一背景颜色\n\t\t\t\ttype: String,\n\t\t\t\tdefault: 'rgba(255,255,255,0)'\n\t\t\t},\n\t\t\thasItemBackground: { //是否开启背景追光\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: false\n\t\t\t},\n\t\t\titemBackgroundColor: { //统一追光背景颜色\n\t\t\t\ttype: String,\n\t\t\t\tdefault: 'rgba(255,255,255,0)'\n\t\t\t},\n\t\t\titemBackgroundStyle: { //追光样式\n\t\t\t\ttype: String,\n\t\t\t\tdefault: ''\n\t\t\t},\n\t\t\tzIndex: { //css的z-index属性值\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 99\n\t\t\t},\n\t\t\tswiperWidth: {\t//line3生效, 外部swiper的宽度, 单位rpx\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 750\n\t\t\t},\n\t\t\tspace: {\t//tab间距\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: '0'\n\t\t\t},\n\t\t\tactiveBold: {\t//当前tab字体是否加粗\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: true\n\t\t\t},\n\t\t\tlineColor: {\t//line颜色\n\t\t\t\ttype: String,\n\t\t\t\tdefault: ''\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tisLine3() {\n\t\t\t\treturn this.animationMode === 'line3';\n\t\t\t},\n\t\t\tgetCurrent() {\n\t\t\t\tconst current = Number(this.current);\n\t\t\t\tif (current > (this.getTabs.length - 1)) {\n\t\t\t\t\treturn (this.getTabs.length - 1)\n\t\t\t\t}\n\t\t\t\treturn current;\n\t\t\t},\n\t\t\tgetTabs() {\n\t\t\t\treturn this.tabs;\n\t\t\t},\n\t\t\tgetHeight() {\n\t\t\t\treturn Number(this.height);\n\t\t\t},\n\t\t\tgetWidth() {\n\t\t\t\treturn Number(this.minWidth);\n\t\t\t},\n\t\t\tgetFontSize() {\n\t\t\t\treturn this.fontSize;\n\t\t\t},\n\t\t\tgetDuration() {\n\t\t\t\treturn Number(this.duration);\n\t\t\t},\n\t\t\tgetBgColor() {\n\t\t\t\tconst defaultColor = this.backgroundColor || 'rgba(255,255,255,0)';\n\t\t\t\tif (this.getTabs[this.getCurrent] instanceof Object) {\n\t\t\t\t\treturn this.getTabs[this.getCurrent].backgroundColor || defaultColor;\n\t\t\t\t} else {\n\t\t\t\t\treturn defaultColor;\n\t\t\t\t}\n\t\t\t},\n\t\t\tgetItemBackgroundColor() {\n\t\t\t\tconst defaultColor = this.itemBackgroundColor || 'rgba(255,255,255,0)';\n\t\t\t\tif (this.getTabs[this.getCurrent] instanceof Object) {\n\t\t\t\t\treturn this.getTabs[this.getCurrent].itemBackgroundColor || defaultColor;\n\t\t\t\t} else {\n\t\t\t\t\treturn defaultColor;\n\t\t\t\t}\n\t\t\t},\n\t\t\tgetDurationStyle() {\n\t\t\t\treturn `transition-duration: ${this.getDuration}s;`\n\t\t\t},\n\t\t\tgetActiveColor() {\n\t\t\t\tlet activeColor;\n\t\t\t\tif (this.getTabs[this.getCurrent] instanceof Object) {\n\t\t\t\t\tif (this.getTabs[this.getCurrent].activeColor) {\n\t\t\t\t\t\tactiveColor = this.getTabs[this.getCurrent].activeColor;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tactiveColor = this.activeColor;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tactiveColor = this.activeColor;\n\t\t\t\t}\n\t\t\t\treturn activeColor;\n\t\t\t},\n\t\t\tgetDefaultColor() {\n\t\t\t\tlet defaultColor;\n\t\t\t\tif (this.getTabs[this.getCurrent] instanceof Object) {\n\t\t\t\t\tif (this.getTabs[this.getCurrent].defaultColor) {\n\t\t\t\t\t\tdefaultColor = this.getTabs[this.getCurrent].defaultColor;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdefaultColor = this.defaultColor;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tdefaultColor = this.defaultColor;\n\t\t\t\t}\n\t\t\t\treturn defaultColor;\n\t\t\t},\n\t\t\tgetActiveStyle() {\n\t\t\t\treturn `width:${this.animationLineWidth}%;background-color:${this.getActiveColor};${this.activeStyle};`;\n\t\t\t},\n\t\t\tgetDefaultStyle() {\n\t\t\t\treturn `width:0;background-color:${this.getActiveColor};${this.defaultStyle};`;\n\t\t\t},\n\t\t\tgetLinezIndexNum() {\n\t\t\t\treturn Number(this.zIndex) + 2;\n\t\t\t},\n\t\t\tgetLinezIndex() {\n\t\t\t\treturn `z-index: ${this.getLinezIndexNum};`;\n\t\t\t},\n\t\t\tgetLine3Dx() {\n\t\t\t\treturn Number(this.line3Dx) + Number(this.line3AddDx);\n\t\t\t}\n\t\t},\n\t\twatch: {\n\t\t\tcurrent(n, o) {\n\t\t\t\tthis.change(n);\n\t\t\t},\n\t\t\ttabs() {\n\t\t\t\tthis.init();\n\t\t\t}\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tleft: 0,\n\t\t\t\ttabsInfo: [],\n\t\t\t\tline2Width: Number(this.animationLineWidth),\n\t\t\t\tsetTimeoutFc: null,\n\t\t\t\tcomponentsWidth: 0,\n\t\t\t\tanimationFinishCurrent: this.current,\n\t\t\t\tpxWidth: 0,\n\t\t\t\tlW: 0,\n\t\t\t\tsW: 0,\n\t\t\t\tpreId,\n\t\t\t\tline3Dx: 0,\n\t\t\t\tline3AddDx: 0,\n\t\t\t\tline2Dx: 0\n\t\t\t}\n\t\t},\n\t\t// #ifndef H5\n\t\tonReady() {\n\t\t\tthis.init();\n\t\t},\n\t\t// #endif\n\t\t// #ifdef H5\n\t\tmounted() {\n\t\t\tthis.init();\n\t\t},\n\t\t// #endif\n\t\tmethods: {\n\t\t\tinit() {\n\t\t\t\tthis.countPx();\n\t\t\t\tlet view = uni.createSelectorQuery().in(this);\n\t\t\t\tfor (let i = 0; i < this.tabs.length; i++) {\n\t\t\t\t\tview.select('#' + preId + i).boundingClientRect();\n\t\t\t\t}\n\t\t\t\tview.exec((res) => {\n\t\t\t\t\tconst arr = [];\n\t\t\t\t\tfor (let i = 0; i < res.length; i++) {\n\t\t\t\t\t\tarr.push(res[i]);\n\t\t\t\t\t}\n\t\t\t\t\tthis.tabsInfo = arr;\n\t\t\t\t\tthis.countLine2Dx();\n\t\t\t\t\tthis.countLine3Dx();\n\t\t\t\t\tlet _this = this;\n\t\t\t\t\t_this.getQuery(() => {\n\t\t\t\t\t\t_this.countScrollX();\n\t\t\t\t\t});\n\t\t\t\t})\n\t\t\t},\n\t\t\tcountLine2Dx() {\n\t\t\t\tif (this.animationMode === 'line2') {\n\t\t\t\t\tconst tab = this.tabsInfo[this.getCurrent];\n\t\t\t\t\tif(tab) this.line2Dx = tab.left + tab.width / 2 - this.lW / 2;\n\t\t\t\t}\n\t\t\t},\n\t\t\tcountLine3Dx() {\n\t\t\t\tif (this.animationMode === 'line3') {\n\t\t\t\t\tconst tab = this.tabsInfo[this.animationFinishCurrent];\n\t\t\t\t\tif(tab) this.line3Dx = tab.left + tab.width / 2 - this.lW / 2;\n\t\t\t\t}\n\t\t\t},\n\t\t\tcountPx() {\n\t\t\t\tconst w = uni.upx2px(this.getWidth);\n\t\t\t\tthis.pxWidth = w;\n\t\t\t\tthis.lW = w * (Number(this.animationLineWidth) / 100);\n\t\t\t\tthis.sW = uni.upx2px(Number(this.swiperWidth));\n\t\t\t},\n\t\t\temit(index) {\n\t\t\t\tthis.$emit('change', index);\n\t\t\t},\n\t\t\tchange() {\n\t\t\t\tthis.countScrollX();\n\t\t\t\tif (this.animationMode === 'line2') {\n\t\t\t\t\tthis.line2Width = 2;\n\t\t\t\t\tif (this.setTimeoutFc) clearTimeout(this.setTimeoutFc);\n\t\t\t\t\tthis.setTimeoutFc = setTimeout(() => {\n\t\t\t\t\t\tthis.line2Width = this.animationLineWidth;\n\t\t\t\t\t}, this.getDuration * 1000 * 3 / 5);\n\t\t\t\t\tthis.countLine2Dx();\n\t\t\t\t}\n\t\t\t},\n\t\t\tgetQuery(cb) {\n\t\t\t\ttry {\n\t\t\t\t\tlet view = uni.createSelectorQuery().in(this).select('.QS-tabs');\n\t\t\t\t\tview.fields({\n\t\t\t\t\t\tsize: true\n\t\t\t\t\t}, data => {\n\t\t\t\t\t\tif (data) {\n\t\t\t\t\t\t\tthis.componentsWidth = data.width;\n\t\t\t\t\t\t\tif (cb && typeof cb === 'function') cb(data);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.retryGetQuery(cb);\n\t\t\t\t\t\t}\n\t\t\t\t\t}).exec();\n\t\t\t\t} catch (e) {\n\t\t\t\t\t//TODO handle the exception\n\t\t\t\t\tthis.componentsWidth = windowWidth;\n\t\t\t\t}\n\t\t\t},\n\t\t\tretryGetQuery(cb) {\n\t\t\t\ttry {\n\t\t\t\t\tlet view = uni.createSelectorQuery().select('.QS-tabs');\n\t\t\t\t\tview.fields({\n\t\t\t\t\t\tsize: true\n\t\t\t\t\t}, data => {\n\t\t\t\t\t\tif (data) {\n\t\t\t\t\t\t\tthis.componentsWidth = data.width;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.componentsWidth = windowWidth;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (cb && typeof cb === 'function') cb(data);\n\t\t\t\t\t}).exec();\n\t\t\t\t} catch (e) {\n\t\t\t\t\t//TODO handle the exception\n\t\t\t\t\tthis.componentsWidth = windowWidth;\n\t\t\t\t}\n\t\t\t},\n\t\t\tcountScrollX() {\n\t\t\t\tif (this.autoCenter) {\n\t\t\t\t\tlet tab;\n\t\t\t\t\tif(this.isLine3) {\n\t\t\t\t\t\ttab = this.tabsInfo[this.animationFinishCurrent];\n\t\t\t\t\t}else{\n\t\t\t\t\t\ttab = this.tabsInfo[this.getCurrent];\n\t\t\t\t\t}\n\t\t\t\t\tif(tab) {\n\t\t\t\t\t\tlet tabCenter = tab.left + tab.width/2;\n\t\t\t\t\t\tlet fatherWidth;\n\t\t\t\t\t\tif (this.autoCenterMode === 'window') {\n\t\t\t\t\t\t\tfatherWidth = windowWidth;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tfatherWidth = this.componentsWidth;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.left = tabCenter - fatherWidth / 2;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tsetDx(dx) {\n\t\t\t\tconst tab = this.tabsInfo[dx>0?(this.animationFinishCurrent + 1):(this.animationFinishCurrent - 1)];\n\t\t\t\tthis.line3AddDx = dx / this.sW * (tab?tab.width:this.pxWidth);\n\t\t\t},\n\t\t\tsetFinishCurrent(current) {\n\t\t\t\tthis.line3AddDx = 0;\n\t\t\t\tthis.animationFinishCurrent = current;\n\t\t\t\tthis.countLine3Dx();\n\t\t\t}\n\t\t}\n\t}\n</script>\n\n<style scoped>\n\tview,\n\tscroll-view {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.QS-tabs {\n\t\twidth: 100%;\n\t\ttransition-property: background-color, color;\n\t}\n\n\t.QS-tabs::-webkit-scrollbar {\n\t\tdisplay: none;\n\t\twidth: 0 !important;\n\t\theight: 0 !important;\n\t\t-webkit-appearance: none;\n\t\tbackground: transparent;\n\t}\n\n\t.QS-tabs-scroll {\n\t\twidth: 100%;\n\t\twhite-space: nowrap;\n\t\tposition: relative;\n\t}\n\n\t.QS-tabs-scroll-box {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\twhite-space: nowrap !important;\n\t\tdisplay: block !important;\n\t}\n\n\t.QS-tabs-scroll-item {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\ttext-align: center;\n\t\ttransition-property: background-color, color, font-weight;\n\t}\n\n\t.content {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t.boxStyle {\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttransition-property: all;\n\t}\n\n\t.boxStyle2 {\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\ttransition-property: all;\n\t\ttransform: translateY(-100%);\n\t}\n\n\t.itemBackgroundBox {\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\ttransition-property: left, background-color;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\n\t.itemBackground {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\ttransition-property: all;\n\t}\n</style>\n","import mod from \"-!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./QS-tabs.vue?vue&type=style&index=0&id=152e6e98&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./QS-tabs.vue?vue&type=style&index=0&id=152e6e98&scoped=true&lang=css&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1640240847372\n var cssReload = require(\"/Applications/HBuilderX.app/Contents/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":""} |