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
13 KiB

{"version":3,"sources":["webpack:///F:/zhaoshang/zhaoshangMiniApp_uni/tabbarComponent/tabbar.vue?48d6","webpack:///F:/zhaoshang/zhaoshangMiniApp_uni/tabbarComponent/tabbar.vue?9e5e","webpack:///F:/zhaoshang/zhaoshangMiniApp_uni/tabbarComponent/tabbar.vue?bb04","webpack:///F:/zhaoshang/zhaoshangMiniApp_uni/tabbarComponent/tabbar.vue?ec50","uni-app:///tabbarComponent/tabbar.vue","webpack:///F:/zhaoshang/zhaoshangMiniApp_uni/tabbarComponent/tabbar.vue?9f1a","webpack:///F:/zhaoshang/zhaoshangMiniApp_uni/tabbarComponent/tabbar.vue?7dbf"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAmH;AACnH;AAC0D;AACL;AACa;;;AAGlE;AAC+M;AAC/M,gBAAgB,uNAAU;AAC1B,EAAE,4EAAM;AACR,EAAE,iFAAM;AACR,EAAE,0FAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,qFAAU;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;AAAkzB,CAAgB,k0BAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACkBt0B;AACA,mB;AACA;AACA,MADA,kBACA;AACA;AACA,yCADA;AAEA;AACA,oCADA;AAEA,0BAFA;AAGA,kCAHA;AAIA;AACA,yCADA;AAEA,+DAFA;AAGA,yEAHA;AAIA,sBAJA;AAKA;AACA,+CADA;AAEA,+DAFA;AAGA,yEAHA;AAIA,wBAJA,EALA;AAUA;AACA,4CADA;AAEA,uEAFA;AAGA,2BAHA;AAIA,sBAJA,EAVA;AAeA;AACA,yCADA;AAEA,+DAFA;AAGA,yEAHA;AAIA,sBAJA,EAfA;AAoBA;AACA,yCADA;AAEA,+DAFA;AAGA,yEAHA;AAIA,sBAJA,EApBA,CAJA,EAFA;;;AAiCA,mCAjCA;;AAmCA,GArCA;AAsCA,gBAtCA;AAuCA;AACA;AACA,kBADA;AAEA,iBAFA,EADA;;AAKA,mDALA,EAvCA;;AA8CA,SA9CA,qBA8CA;AACA;AACA,GAhDA;AAiDA;AACA,aADA,qBACA,KADA,EACA;AACA;AACA;AACA;AACA,KALA,EAjDA,E;;;;;;;;;;;;ACpBA;AAAA;AAAA;AAAA;AAAwpC,CAAgB,2oCAAG,EAAC,C;;;;;;;;;;;ACA5qC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"tabbarComponent/tabbar.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./tabbar.vue?vue&type=template&id=7f32663c&\"\nvar renderjs\nimport script from \"./tabbar.vue?vue&type=script&lang=js&\"\nexport * from \"./tabbar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tabbar.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\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 null,\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"tabbarComponent/tabbar.vue\"\nexport default component.exports","export * from \"-!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--16-0!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\template.js!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-uni-app-loader\\\\page-meta.js!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tabbar.vue?vue&type=template&id=7f32663c&\"","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 \"-!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--12-1!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tabbar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--12-1!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tabbar.vue?vue&type=script&lang=js&\"","<template>\r\n<view :class=\"'tabbar_box ' + (isIphoneX?'iphoneX-height':'')\" :style=\"'background-color:' + tabbar.backgroundColor\">\r\n <block v-for=\"(item, index) in tabbar.list\" :key=\"index\">\r\n <navigator v-if=\"item.isSpecial == true\" class=\"tabbar_nav\" hover-class=\"none\" :url=\"item.pagePath\" :style=\"'color:' + tabbar.selectedColor\" open-type=\"navigate\">\r\n <view class=\"special-wrapper\"><image class=\"tabbar_icon\" :src=\"item.iconPath\"></image></view>\r\n <image class=\"special-text-wrapper\"></image>\r\n <text>{{item.text}}</text>\r\n </navigator>\r\n \r\n <navigator v-else class=\"tabbar_nav\" hover-class=\"none\" :url=\"item.pagePath\" :style=\"'color:' + (index == currentTabIndex ? tabbar.selectedColor : tabbar.color)\" open-type=\"switchTab\" @tap=\"switchTab(index)\">\r\n <image class=\"tabbar_icon\" :src=\"index == currentTabIndex ? item.selectedIconPath : item.iconPath\"></image>\r\n <text>{{item.text}}</text>\r\n </navigator>\r\n </block>\r\n</view>\r\n</template>\r\n\r\n<script>\r\n// tabBarComponent/tabBar.js\nconst app = getApp();\r\nexport default {\n data() {\n return {\n isIphoneX: app.globalData.isIphoneX,\r\n\t\t\t\ttabbar:{\n\t\t\t\t\"backgroundColor\": \"#ffffff\",\n\t\t\t\t\"color\": \"#979795\",\n\t\t\t\t\"selectedColor\": \"#FF6F34\",\n\t\t\t\t\"list\": [{\n\t\t\t\t\t\"pagePath\": \"/pages/home/index\",\n\t\t\t\t\t\"iconPath\": \"../static/tabbarComponent/icon/home.png\",\n\t\t\t\t\t\"selectedIconPath\": \"../static/tabbarComponent/icon/home-a.png\",\n\t\t\t\t\t\"text\": \"首页\"\n\t\t\t\t}, {\n\t\t\t\t\t\"pagePath\": \"/pages/demandHall/index\",\n\t\t\t\t\t\"iconPath\": \"../static/tabbarComponent/icon/tab2.png\",\n\t\t\t\t\t\"selectedIconPath\": \"../static/tabbarComponent/icon/tab2-a.png\",\n\t\t\t\t\t\"text\": \"供需大厅\"\n\t\t\t\t}, {\n\t\t\t\t\t\"pagePath\": \"/pages/release/index\",\n\t\t\t\t\t\"iconPath\": \"../static/tabbarComponent/icon/icon_release.png\",\n\t\t\t\t\t\"isSpecial\": true,\n\t\t\t\t\t\"text\": \"发布\"\n\t\t\t\t}, {\n\t\t\t\t\t\"pagePath\": \"/pages/life/index\",\n\t\t\t\t\t\"iconPath\": \"../static/tabbarComponent/icon/tab3.png\",\n\t\t\t\t\t\"selectedIconPath\": \"../static/tabbarComponent/icon/tab3-a.png\",\n\t\t\t\t\t\"text\": \"生活\"\n\t\t\t\t}, {\n\t\t\t\t\t\"pagePath\": \"/pages/user/index\",\n\t\t\t\t\t\"iconPath\": \"../static/tabbarComponent/icon/tab4.png\",\n\t\t\t\t\t\"selectedIconPath\": \"../static/tabbarComponent/icon/tab4-a.png\",\n\t\t\t\t\t\"text\": \"我的\"\n\t\t\t\t}]\n\t\t\t},\r\n\t\t\tcurrentTabIndex: this.current\n };\n },\n components: {},\n props: {\r\n\t\tpagePath:{\r\n\t\t\ttype: String,\r\n\t\t\tdefault:''\r\n\t\t},\r\n\t\tcurrent: { type: [Number, String], default: 0 },\n },\r\n\tmounted() {\r\n\t\t// console.log(this.pagePath)\r\n\t},\n methods: {\r\n\t\tswitchTab(index){\r\n\t\t\tconsole.log(index)\r\n\t\t\t// this.currentTabIndex = index\r\n\t\t\tthis.$emit('click', index)\r\n\t\t}\r\n\t}\n};\r\n</script>\r\n<style>\r\n.tabbar_box{\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-around;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 999;\r\n width: 100%;\r\n height: 98rpx;\r\n box-shadow: 0px -6rpx 12rpx rgba(0, 0, 0, 0.04);\r\n}\r\n.tabbar_box.iphoneX-height{\r\n padding-bottom: 66rpx;\r\n height: 170rpx;\r\n}\r\n.middle-wrapper{\r\n position: absolute;\r\n right: 50%;\r\n margin-left: -60rpx;\r\n bottom: 0;\r\n background-color: #fff;\r\n width: 120rpx;\r\n height: 120rpx;\r\n border-radius: 50%;\r\n /* border-top: 2rpx solid #f2f2f3; */\r\n /* box-shadow: 0px -6rpx 12rpx rgba(0, 0, 0, 0.04); */\r\n}\r\n.middle-wrapper.iphoneX-height{\r\n bottom: 66rpx;\r\n}\r\n.tabbar_nav{\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 20rpx;\r\n height: 100%;\r\n position: relative;\r\n}\r\n.tabbar_icon{\r\n width: 52rpx;\r\n height: 52rpx;\r\n}\r\n.special-wrapper{\r\n position: absolute;\r\n top: -36rpx;\r\n width: 96rpx;\r\n height: 96rpx;\r\n border-radius: 50%;\r\n /* border-top: 2rpx solid #f2f2f3; */\r\n box-shadow: 0px -6rpx 12rpx rgba(0, 0, 0, 0.04);\r\n background-color: #fff;\r\n text-align: center;\r\n box-sizing: border-box;\r\n padding: 6rpx;\r\n}\r\n.special-wrapper .tabbar_icon{\r\n width: 84rpx;\r\n height: 84rpx;\r\n}\r\n.special-text-wrapper{\r\n width: 56rpx;\r\n height: 56rpx;\r\n}\r\n</style>","import mod from \"-!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--6-oneOf-1-0!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--6-oneOf-1-1!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--6-oneOf-1-2!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--6-oneOf-1-3!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tabbar.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--6-oneOf-1-0!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--6-oneOf-1-1!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--6-oneOf-1-2!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--6-oneOf-1-3!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\Program Files\\\\HBuilderX.3.1.13.20210514\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tabbar.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1635494611599\n var cssReload = require(\"D:/Program Files/HBuilderX.3.1.13.20210514/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":""}