添加代码
This commit is contained in:
@@ -1 +1 @@
|
||||
{"version":3,"file":"custom-tab-bar.js","sources":["components/custom-tab-bar.vue","D:/Tool/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RTovUHJvamVjdC9WdWUvdW5pYXBwL2hhc2htYWxsLWFwcC9jb21wb25lbnRzL2N1c3RvbS10YWItYmFyLnZ1ZQ"],"sourcesContent":["<template>\r\n\t<view class=\"custom-tab-bar\">\r\n\t <view v-for=\"(item, index) in tabs\" :key=\"index\" class=\"tab-item\" @click=\"switchTab(index)\">\r\n\t <image :src=\"tabIndex === index ? item.selectedIconPath:item.iconPath\" class=\"tab-icon\"></image>\r\n\t <text :class=\"tabIndex === index ? 'tab-text tab-text-sel':'tab-text'\">{{ item.text }}</text>\r\n\t </view>\r\n\t </view>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tname:\"custom-tab-bar\",\r\n\t\tprops: {\r\n\t\t tabIndex: { //当前选中的tab项\r\n\t\t type: Number,\r\n\t\t default: 0\r\n\t\t }\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\ttabs: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t\"pagePath\": \"/pages/home/home\",\r\n\t\t\t\t\t\t\"text\": \"首页\",\r\n\t\t\t\t\t\t\"iconPath\": \"/static/column/home.png\",\r\n\t\t\t\t\t\t\"selectedIconPath\": \"/static/column/home_sel.png\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t\"pagePath\": \"/pages/sort/sort\",\r\n\t\t\t\t\t\t\"text\": \"分类\",\r\n\t\t\t\t\t\t\"iconPath\": \"/static/column/sort.png\",\r\n\t\t\t\t\t\t\"selectedIconPath\": \"/static/column/sort_sel.png\"\r\n\t\t\t\t\t}, \r\n\t\t\t\t\t// {\r\n\t\t\t\t\t// \t\"pagePath\": \"/pages/hash_union/hash_union\",\r\n\t\t\t\t\t// \t\"text\": \"哈希联盟\",\r\n\t\t\t\t\t// \t\"iconPath\": \"/static/column/hx.png\",\r\n\t\t\t\t\t// \t\"selectedIconPath\": \"/static/column/hx_sel.png\"\r\n\t\t\t\t\t// }, \r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t\"pagePath\": \"/pages/shopping_cart/shopping_cart\",\r\n\t\t\t\t\t\t\"text\": \"购物车\",\r\n\t\t\t\t\t\t\"iconPath\": \"/static/column/shopping.png\",\r\n\t\t\t\t\t\t\"selectedIconPath\": \"/static/column/shopping_sel.png\"\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\"pagePath\": \"/pages/mine/mine\",\r\n\t\t\t\t\t\t\"text\": \"我的\",\r\n\t\t\t\t\t\t\"iconPath\": \"/static/column/mine.png\",\r\n\t\t\t\t\t\t\"selectedIconPath\": \"/static/column/mine_sel.png\"\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t};\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t switchTab(index) {\r\n\t\t const pagePath = this.tabs[index].pagePath;\r\n\t\t uni.switchTab({ url: pagePath });\r\n\t\t }\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.custom-tab-bar {\r\n\tposition: fixed;\r\n\tdisplay: flex;\r\n\tjustify-content: space-around;\r\n\talign-items: center;\r\n\theight: 140rpx; /* 根据需要调整 */\r\n\tbackground-color: #fff; /* 背景颜色 */\r\n\tbottom: 0;\r\n\twidth: 100%;\r\n}\r\n.tab-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n.tab-icon {\r\n width: 24px; /* 图标大小 */\r\n height: 24px; /* 图标大小 */\r\n}\r\n.tab-text {\r\n font-size: 12px; /* 文字大小 */\r\n}\r\n.tab-text-sel {\r\n color: $app-bt-bj;\r\n}\r\n</style>","import Component from 'E:/Project/Vue/uniapp/hashmall-app/components/custom-tab-bar.vue'\nwx.createComponent(Component)"],"names":["uni"],"mappings":";;AAUC,MAAK,YAAU;AAAA,EACd,MAAK;AAAA,EACL,OAAO;AAAA,IACH,UAAU;AAAA;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACD,OAAO;AACN,WAAO;AAAA,MACN,MAAM;AAAA,QACL;AAAA,UACC,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,oBAAoB;AAAA,QACpB;AAAA,QACD;AAAA,UACC,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,oBAAoB;AAAA,QACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOD;AAAA,UACC,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,oBAAoB;AAAA,QACrB;AAAA,QAAG;AAAA,UACF,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,oBAAoB;AAAA,QACrB;AAAA,MACD;AAAA;EAED;AAAA,EACD,SAAS;AAAA,IACL,UAAU,OAAO;AACf,YAAM,WAAW,KAAK,KAAK,KAAK,EAAE;AAClCA,oBAAAA,MAAI,UAAU,EAAE,KAAK,SAAU,CAAA;AAAA,IACjC;AAAA,EACJ;AACD;;;;;;;;;;;;;;;AC1DD,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"custom-tab-bar.js","sources":["components/custom-tab-bar.vue","D:/Tool/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RTovUHJvamVjdC9WdWUvdW5pYXBwL2hhc2htYWxsLWFwcC9jb21wb25lbnRzL2N1c3RvbS10YWItYmFyLnZ1ZQ"],"sourcesContent":["<template>\r\n\t<view class=\"custom-tab-bar\">\r\n\t <view v-for=\"(item, index) in tabs\" :key=\"index\" class=\"tab-item\" @click=\"switchTab(index)\">\r\n\t <image :src=\"tabIndex === index ? item.selectedIconPath:item.iconPath\" class=\"tab-icon\"></image>\r\n\t <text :class=\"tabIndex === index ? 'tab-text tab-text-sel':'tab-text'\">{{ item.text }}</text>\r\n\t </view>\r\n\t </view>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tname:\"custom-tab-bar\",\r\n\t\tprops: {\r\n\t\t tabIndex: { //当前选中的tab项\r\n\t\t type: Number,\r\n\t\t default: 0\r\n\t\t }\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\ttabs: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t\"pagePath\": \"/pages/home/home\",\r\n\t\t\t\t\t\t\"text\": \"首页\",\r\n\t\t\t\t\t\t\"iconPath\": \"/static/column/home.png\",\r\n\t\t\t\t\t\t\"selectedIconPath\": \"/static/column/home_sel.png\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t\"pagePath\": \"/pages/sort/sort\",\r\n\t\t\t\t\t\t\"text\": \"分类\",\r\n\t\t\t\t\t\t\"iconPath\": \"/static/column/sort.png\",\r\n\t\t\t\t\t\t\"selectedIconPath\": \"/static/column/sort_sel.png\"\r\n\t\t\t\t\t}, \r\n\t\t\t\t\t// {\r\n\t\t\t\t\t// \t\"pagePath\": \"/pages/hash_union/hash_union\",\r\n\t\t\t\t\t// \t\"text\": \"哈希联盟\",\r\n\t\t\t\t\t// \t\"iconPath\": \"/static/column/hx.png\",\r\n\t\t\t\t\t// \t\"selectedIconPath\": \"/static/column/hx_sel.png\"\r\n\t\t\t\t\t// }, \r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t\"pagePath\": \"/pages/supply_chain/supply_chain\",\r\n\t\t\t\t\t\t\"text\": \"供应链\",\r\n\t\t\t\t\t\t\"iconPath\": \"/static/column/supply_chain.png\",\r\n\t\t\t\t\t\t\"selectedIconPath\": \"/static/column/supply_chain_sel.png\"\r\n\t\t\t\t\t}, \r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t\"pagePath\": \"/pages/shopping_cart/shopping_cart\",\r\n\t\t\t\t\t\t\"text\": \"购物车\",\r\n\t\t\t\t\t\t\"iconPath\": \"/static/column/shopping.png\",\r\n\t\t\t\t\t\t\"selectedIconPath\": \"/static/column/shopping_sel.png\"\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\"pagePath\": \"/pages/mine/mine\",\r\n\t\t\t\t\t\t\"text\": \"我的\",\r\n\t\t\t\t\t\t\"iconPath\": \"/static/column/mine.png\",\r\n\t\t\t\t\t\t\"selectedIconPath\": \"/static/column/mine_sel.png\"\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t};\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t switchTab(index) {\r\n\t\t const pagePath = this.tabs[index].pagePath;\r\n\t\t uni.switchTab({ url: pagePath });\r\n\t\t }\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.custom-tab-bar {\r\n\tposition: fixed;\r\n\tdisplay: flex;\r\n\tjustify-content: space-around;\r\n\talign-items: center;\r\n\theight: 140rpx; /* 根据需要调整 */\r\n\tbackground-color: #fff; /* 背景颜色 */\r\n\tbottom: 0;\r\n\twidth: 100%;\r\n}\r\n.tab-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n.tab-icon {\r\n width: 24px; /* 图标大小 */\r\n height: 24px; /* 图标大小 */\r\n}\r\n.tab-text {\r\n font-size: 12px; /* 文字大小 */\r\n}\r\n.tab-text-sel {\r\n color: $app-bt-bj;\r\n}\r\n</style>","import Component from 'E:/Project/Vue/uniapp/hashmall-app/components/custom-tab-bar.vue'\nwx.createComponent(Component)"],"names":["uni"],"mappings":";;AAUC,MAAK,YAAU;AAAA,EACd,MAAK;AAAA,EACL,OAAO;AAAA,IACH,UAAU;AAAA;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACD,OAAO;AACN,WAAO;AAAA,MACN,MAAM;AAAA,QACL;AAAA,UACC,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,oBAAoB;AAAA,QACpB;AAAA,QACD;AAAA,UACC,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,oBAAoB;AAAA,QACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOD;AAAA,UACC,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,oBAAoB;AAAA,QACpB;AAAA,QACD;AAAA,UACC,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,oBAAoB;AAAA,QACrB;AAAA,QAAG;AAAA,UACF,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,oBAAoB;AAAA,QACrB;AAAA,MACD;AAAA;EAED;AAAA,EACD,SAAS;AAAA,IACL,UAAU,OAAO;AACf,YAAM,WAAW,KAAK,KAAK,KAAK,EAAE;AAClCA,oBAAAA,MAAI,UAAU,EAAE,KAAK,SAAU,CAAA;AAAA,IACjC;AAAA,EACJ;AACD;;;;;;;;;;;;;;;AChED,GAAG,gBAAgB,SAAS;"}
|
||||
Reference in New Issue
Block a user