luban-mall/unpackage/dist/dev/.sourcemap/mp-weixin/components/nav-tab/nav-tab.js.map

{"version":3,"sources":["webpack:///D:/鲁班家具小程序/luban-mall/components/nav-tab/nav-tab.vue?4d5c","webpack:///D:/鲁班家具小程序/luban-mall/components/nav-tab/nav-tab.vue?9077","webpack:///D:/鲁班家具小程序/luban-mall/components/nav-tab/nav-tab.vue?9831","webpack:///D:/鲁班家具小程序/luban-mall/components/nav-tab/nav-tab.vue?2bdf","uni-app:///components/nav-tab/nav-tab.vue","webpack:///D:/鲁班家具小程序/luban-mall/components/nav-tab/nav-tab.vue?ca9f","webpack:///D:/鲁班家具小程序/luban-mall/components/nav-tab/nav-tab.vue?aa1b"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAgI;AAChI;AAC2D;AACL;AACqC;;;AAG3F;AACoL;AACpL,gBAAgB,2LAAU;AAC1B,EAAE,6EAAM;AACR,EAAE,8FAAM;AACR,EAAE,uGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,kGAAU;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;AAAyrB,CAAgB,urBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;ACa7sB;AACA,iBADA;AAEA;AACA;AACA,iBADA;AAEA;AACA;AACA,OAJA,EADA;;AAOA;AACA,kBADA;AAEA,qBAFA,EAPA;AAUA;AACA;AACA,kBADA;AAEA,gBAFA,EAXA;;AAeA;AACA,kBADA;AAEA,iBAFA,EAfA,EAFA;;;AAsBA,MAtBA,kBAsBA;AACA;AACA,qBADA,EACA;AACA,mBAFA;AAGA,uBAHA;AAIA,mBAJA,CAIA;AAJA;AAMA,GA7BA;AA8BA;AACA,QADA,kBACA;AACA;AACA,KAHA;AAIA,SAJA,mBAIA;AACA;AACA;AACA,KAPA,EA9BA;;AAuCA;AACA;AACA,YAFA,oBAEA,KAFA,EAEA,EAFA,EAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KATA;AAUA,cAVA,wBAUA;AACA;AACA;AACA;AACA;AACA,OAJA;AAKA,KAhBA;AAiBA,WAjBA,qBAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAJA;AAKA,OAPA;AAQA,KA3BA;AA4BA,kBA5BA,0BA4BA,EA5BA,EA4BA,QA5BA,EA4BA;AACA;AACA;AACA,OAFA;AAGA,KAhCA;AAiCA;AACA,UAlCA,kBAkCA,CAlCA,EAkCA;AACA;AACA,KApCA,EAvCA,E;;;;;;;;;;;;;ACbA;AAAA;AAAA;AAAA;AAAsgC,CAAgB,g+BAAG,EAAC,C;;;;;;;;;;;ACA1hC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"components/nav-tab/nav-tab.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./nav-tab.vue?vue&type=template&id=2197f1dc&scoped=true&\"\nvar renderjs\nimport script from \"./nav-tab.vue?vue&type=script&lang=js&\"\nexport * from \"./nav-tab.vue?vue&type=script&lang=js&\"\nimport style0 from \"./nav-tab.vue?vue&type=style&index=0&id=2197f1dc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../HBuilderX-app开发版/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  \"2197f1dc\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"components/nav-tab/nav-tab.vue\"\nexport default component.exports","export * from \"-!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./nav-tab.vue?vue&type=template&id=2197f1dc&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-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./nav-tab.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./nav-tab.vue?vue&type=script&lang=js&\"","<template>\r\n\t<scroll-view scroll-x=\"true\" :scroll-left=\"tabsScrollLeft\" @scroll=\"scroll\">\r\n\t\t<view class=\"pull-nav-btns\" :class=\"type=='radio'?'search-btns':''\" :style=\"{width:newWidth}\" id=\"tab_list\">\r\n\t\t\t<view @tap=\"chooseEv(index,item.id)\" id=\"tab_item\" :class=\"currentIndex==index?'radio-btn active':'radio-btn'\" v-for=\"(item,index) in list\" v-if=\"type=='radio'\">\r\n\t\t\t\t<view class=\"radio\"></view>\r\n\t\t\t\t<text>{{item.name}}</text>\r\n\t\t\t</view>\r\n\t\t\t<view @tap=\"chooseEv(index,item.id)\" id=\"tab_item\" :style=\"{width:'220rpx',margin:'0 25rpx'}\" :class=\"currentIndex==index?'btn active':'btn'\" v-for=\"(item,index) in list\" v-if=\"type=='list' && index<=maxNum && maxNum<=3\">{{item.name}}</view>\r\n\t\t\t<view @tap=\"chooseEv(index,item.id)\" id=\"tab_item\" :style=\"{width:'170rpx',margin:'0 20rpx'}\" :class=\"currentIndex==index?'btn active':'btn'\" v-for=\"(item,index) in list\" v-if=\"type=='list' && index<=maxNum && maxNum>3\">{{item.name}}</view>\r\n\t\t</view>\r\n\t</scroll-view>\n</template>\n<script>\r\n\texport default {\r\n\t\tname:'nav-tab',\r\n\t\tprops:{\r\n\t\t\tlist:{\r\n\t\t\t\ttype:Array,\r\n\t\t\t\tdefault:()=>{\r\n\t\t\t\t\treturn []\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\ttype:{\r\n\t\t\t\ttype:String,\r\n\t\t\t\tdefault:'list'\r\n\t\t\t}, //展现方式\r\n\t\t\tmaxNum:{\r\n\t\t\t\ttype:Number,\r\n\t\t\t\tdefault:2\r\n\t\t\t},\r\n\t\t\tnewWidth:{\r\n\t\t\t\ttype:String,\r\n\t\t\t\tdefault:''\r\n\t\t\t},\r\n\t\t},\r\n\t\tdata(){\r\n\t\t\treturn {\r\n\t\t\t\tcurrentIndex:0, //当前位置\r\n\t\t\t\tscrollLeft:0,\r\n\t\t\t\ttabsScrollLeft:0,\r\n\t\t\t\tstyleData:{}, //样式控制\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tlist() {\r\n\t\t\t\tthis.setTabList()\r\n\t\t\t},\r\n\t\t\tvalue() {\r\n\t\t\t\tthis.currentIndex = this.value\r\n\t\t\t\tthis.setTabList()\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods:{\r\n\t\t\t// 导航选择事件\r\n\t\t\tchooseEv(index,id) {\r\n\t\t\t\tif(this.currentIndex !== index){\r\n\t\t\t\t\tthis.currentIndex = index;\r\n\t\t\t\t\t// 抛出事件\r\n\t\t\t\t\tthis.$emit('chooseEv',index,id);\r\n\t\t\t\t\tthis.setTabList();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tsetTabList() {\r\n\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\tif (this.list.length > 0) {\r\n\t\t\t\t\t\tthis.setLeft()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\tsetLeft() {\r\n\t\t\t\tlet lineLeft = 0;\r\n\t\t\t\tthis.getElementData('#tab_list', (data) => {\r\n\t\t\t\t\tlet list = data[0];\r\n\t\t\t\t\tthis.getElementData(`#tab_item`, (res) => {\r\n\t\t\t\t\t\tlet el = res[this.currentIndex]\r\n\t\t\t\t\t\tlineLeft = el.width / 2 + (-list.left) + el.left - list.width / 2 - this.scrollLeft\r\n\t\t\t\t\t\tthis.tabsScrollLeft = this.scrollLeft + lineLeft\r\n\t\t\t\t\t})\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\tgetElementData(el, callback) {\r\n\t\t\t\tuni.createSelectorQuery().in(this).selectAll(el).boundingClientRect().exec((data) => {\r\n\t\t\t\t\tcallback(data[0]);\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\t//滚动\r\n\t\t\tscroll(e) {\r\n\t\t\t\tthis.scrollLeft = e.detail.scrollLeft;\r\n\t\t\t}\r\n\t\t}\r\n\t}\n</script>\n\n<style scoped>\r\n\t.pull-nav-btns {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tmin-width: 100%;\r\n\t\tpadding: 25rpx 0;\r\n\t}\r\n\t\r\n\t.pull-nav-btns .btn {\r\n\t\theight: 66rpx;\r\n\t\tborder-radius: 10rpx;\r\n\t\tline-height: 66rpx;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 30rpx;\r\n\t\tcolor: #000000;\r\n\t}\r\n\t\r\n\t.pull-nav-btns .btn:first-child{\r\n\t\tmargin-left: 0 !important;\r\n\t}\r\n\t\r\n\t.pull-nav-btns .btn:last-child{\r\n\t\tmargin-right: 0 !important;\r\n\t}\r\n\t\r\n\t.pull-nav-btns .btn.active {\r\n\t\tbackground-color: #0073bc;\r\n\t\tcolor: #FFFFFF;\r\n\t}\r\n\t.pull-nav-btns.search-btns{\r\n\t\tjustify-content: flex-start;\r\n\t\tpadding: 8rpx 0 20rpx;\r\n\t}\r\n\t.pull-nav-btns .radio-btn {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-left: 40rpx;\r\n\t\tline-height: 66rpx;\r\n\t\tfont-size: 30rpx;\r\n\t\tcolor: #000000;\r\n\t}\r\n\t.pull-nav-btns .radio-btn .radio{\r\n\t\tbox-sizing: border-box;\r\n\t\twidth: 24rpx;\r\n\t\theight: 24rpx;\r\n\t\tmargin-right: 12rpx;\r\n\t\tborder: 2rpx solid #333333;\r\n\t\tborder-radius: 100%;\r\n\t}\r\n\t.pull-nav-btns .radio-btn:first-child{\r\n\t\tmargin-left: 0;\r\n\t}\t\r\n\t\r\n\t.pull-nav-btns .radio-btn.active .radio{\r\n\t\tborder: 8rpx solid #0073bc;\r\n\t}\r\n</style>","import mod from \"-!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./nav-tab.vue?vue&type=style&index=0&id=2197f1dc&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../HBuilderX-app开发版/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./nav-tab.vue?vue&type=style&index=0&id=2197f1dc&scoped=true&lang=css&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1658133937770\n      var cssReload = require(\"D:/HBuilderX-app开发版/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":""}