feat: tabbar优化

components/TabBar.vue

@@ -47,11 +47,15 @@ const props = defineProps({
       },
     ],
   },
+  curTabIndex: {
+    type: Number,
+    default: 0,
+  },
 });
 
 const emit = defineEmits(["tabClick"]);
 
-const currentIndex = ref(0);
+const currentIndex = ref(props.curTabIndex);
 
 const handleTabClick = (index, item) => {
   currentIndex.value = index;

pages/index/index.vue

@@ -4,7 +4,7 @@
 		<Brand v-if="curTabIndex == 1"></Brand>
 		<Integral v-if="curTabIndex == 2"></Integral>
 		<My v-if="curTabIndex == 3"></My>
-		<TabBar @tabClick="handleTabClick" />
+		<TabBar :curTabIndex="curTabIndex" @tabClick="handleTabClick" />
 	</view>
 </template>
 

unpackage/dist/dev/.sourcemap/mp-weixin/app.js.map

-{"version":3,"file":"app.js","sources":["App.vue","main.js"],"sourcesContent":["<script>\r\n\texport default {\r\n\t\tonLaunch: function() {\r\n\t\t\tconsole.log('App Launch')\r\n\t\t},\r\n\t\tonShow: function() {\r\n\t\t\tconsole.log('App Show')\r\n\t\t},\r\n\t\tonHide: function() {\r\n\t\t\tconsole.log('App Hide')\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style>\r\n\t/*每个页面公共css */\r\n</style>\n","import App from \"./App\";\r\n\r\n// #ifndef VUE3\r\nimport Vue from \"vue\";\r\nimport \"./uni.promisify.adaptor\";\r\n\r\nimport { api } from \"@/api/index.js\";\r\n\r\n// 全局挂载后使用\r\nVue.prototype.$api = api;\r\n\r\nVue.config.productionTip = false;\r\nApp.mpType = \"app\";\r\n\r\nconst app = new Vue({\r\n  ...App,\r\n});\r\napp.$mount();\r\n// #endif\r\n\r\n// #ifdef VUE3\r\nimport { createSSRApp } from \"vue\";\r\nexport function createApp() {\r\n  const app = createSSRApp(App);\r\n  return {\r\n    app,\r\n  };\r\n}\r\n// #endif\r\n"],"names":["uni","createSSRApp","App"],"mappings":";;;;;;AACC,MAAK,YAAU;AAAA,EACd,UAAU,WAAW;AACpBA,kBAAAA,MAAA,MAAA,OAAA,gBAAY,YAAY;AAAA,EACxB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,gBAAA,UAAU;AAAA,EACtB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,iBAAA,UAAU;AAAA,EACvB;AACD;ACWM,SAAS,YAAY;AAC1B,QAAM,MAAMC,2BAAaC,SAAG;AAC5B,SAAO;AAAA,IACL;AAAA,EACJ;AACA;;;"}
\ No newline at end of file

unpackage/dist/dev/.sourcemap/mp-weixin/common/assets.js.map

-{"version":3,"file":"assets.js","sources":["../../../../../static/my/level.png","../../../../../static/my/edit.png"],"sourcesContent":["export default \"/static/my/level.png\"","export default \"/static/my/edit.png\""],"names":[],"mappings":";AAAA,MAAe,aAAA;ACAf,MAAe,aAAA;;;"}
\ No newline at end of file

unpackage/dist/dev/.sourcemap/mp-weixin/components/Brand.js.map

-{"version":3,"file":"Brand.js","sources":["/Users/huangtao/Duiba/project/20250528_FHQ1/components/Brand.vue?type=component"],"sourcesContent":["import Component from '/Users/huangtao/Duiba/project/20250528_FHQ1/components/Brand.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;AACA,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file

unpackage/dist/dev/.sourcemap/mp-weixin/components/Home.js.map

-{"version":3,"file":"Home.js","sources":["/Users/huangtao/Duiba/project/20250528_FHQ1/components/Home.vue?type=component"],"sourcesContent":["import Component from '/Users/huangtao/Duiba/project/20250528_FHQ1/components/Home.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;AACA,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file

unpackage/dist/dev/.sourcemap/mp-weixin/components/Integral.js.map

-{"version":3,"file":"Integral.js","sources":["/Users/huangtao/Duiba/project/20250528_FHQ1/components/Integral.vue?type=component"],"sourcesContent":["import Component from '/Users/huangtao/Duiba/project/20250528_FHQ1/components/Integral.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;AACA,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file

unpackage/dist/dev/.sourcemap/mp-weixin/components/My.js.map

-{"version":3,"file":"My.js","sources":["components/My.vue","/Users/huangtao/Duiba/project/20250528_FHQ1/components/My.vue?type=component"],"sourcesContent":["<template>\n\t<view class=\"my-container\">\n\t\t<!-- 用户信息区域 -->\n\t\t<view class=\"user-info\">\n\t\t\t<view class=\"user-header\">\n\t\t\t\t<image class=\"avatar\" :src=\"userInfo.avatar || '/static/my/avatar.png'\" mode=\"aspectFill\" />\n\t\t\t\t<view class=\"user-detail\">\n\t\t\t\t\t<text class=\"nickname\">{{ userInfo.nickname || '未登录' }}</text>\n\t\t\t\t\t<view class=\"user-level\">\n\t\t\t\t\t\t<image class=\"level-icon\" src=\"/static/my/level.png\" mode=\"aspectFit\" />\n\t\t\t\t\t\t<text class=\"level-text\">Lv.{{ userInfo.level || 1 }}</text>\n\t\t\t\t\t</view>\n\t\t\t\t</view>\n\t\t\t\t<view class=\"edit-btn\" @tap=\"handleEditProfile\">\n\t\t\t\t\t<image src=\"/static/my/edit.png\" mode=\"aspectFit\" />\n\t\t\t\t</view>\n\t\t\t</view>\n\t\t</view>\n\t</view>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\n\n// 用户信息\nconst userInfo = ref({\n\tavatar: '',\n\tnickname: '',\n\tlevel: 1,\n\tpoints: 0,\n\tcoupons: 0,\n\tcollects: 0\n})\n\n// 订单数量统计\nconst orderCounts = ref({\n\tpending: 0,\n\tshipping: 0,\n\treceiving: 0,\n\tcomment: 0,\n\tafter: 0\n})\n\n// 页面跳转\nconst navigateTo = (url) => {\n\tuni.navigateTo({\n\t\turl,\n\t\tfail: (err) => {\n\t\t\tconsole.error('页面跳转失败:', err)\n\t\t\tuni.showToast({\n\t\t\t\ttitle: '页面跳转失败',\n\t\t\t\ticon: 'none'\n\t\t\t})\n\t\t}\n\t})\n}\n\n// 编辑个人资料\nconst handleEditProfile = () => {\n\tnavigateTo('/pages/user/profile')\n}\n\n// 联系客服\nconst handleContactService = () => {\n\t// #ifdef MP-WEIXIN\n\tuni.openCustomerServiceChat({\n\t\textInfo: { url: 'YOUR_CUSTOMER_SERVICE_URL' },\n\t\tcorpId: 'YOUR_CORP_ID',\n\t\tsuccess(res) {\n\t\t\tconsole.log('打开客服会话成功')\n\t\t},\n\t\tfail(err) {\n\t\t\tconsole.error('打开客服会话失败:', err)\n\t\t\tuni.showToast({\n\t\t\t\ttitle: '打开客服会话失败',\n\t\t\t\ticon: 'none'\n\t\t\t})\n\t\t}\n\t})\n\t// #endif\n\t\n\t// #ifdef H5\n\twindow.open('YOUR_CUSTOMER_SERVICE_URL', '_blank')\n\t// #endif\n}\n\n// 获取用户信息\nconst getUserInfo = async () => {\n\ttry {\n\t\t// TODO: 调用获取用户信息接口\n\t\tconst res = await uni.request({\n\t\t\turl: '/api/user/info',\n\t\t\tmethod: 'GET'\n\t\t})\n\t\tif (res.data.code === 0) {\n\t\t\tuserInfo.value = res.data.data\n\t\t}\n\t} catch (error) {\n\t\tconsole.error('获取用户信息失败:', error)\n\t\tuni.showToast({\n\t\t\ttitle: '获取用户信息失败',\n\t\t\ticon: 'none'\n\t\t})\n\t}\n}\n\n// 获取订单数量\nconst getOrderCounts = async () => {\n\ttry {\n\t\t// TODO: 调用获取订单数量接口\n\t\tconst res = await uni.request({\n\t\t\turl: '/api/order/counts',\n\t\t\tmethod: 'GET'\n\t\t})\n\t\tif (res.data.code === 0) {\n\t\t\torderCounts.value = res.data.data\n\t\t}\n\t} catch (error) {\n\t\tconsole.error('获取订单数量失败:', error)\n\t}\n}\n\n// 下拉刷新\nconst onPullDownRefresh = async () => {\n\treturn\n\ttry {\n\t\tawait Promise.all([\n\t\t\tgetUserInfo(),\n\t\t\tgetOrderCounts()\n\t\t])\n\t\tuni.stopPullDownRefresh()\n\t} catch (error) {\n\t\tconsole.error('刷新数据失败:', error)\n\t\tuni.stopPullDownRefresh()\n\t}\n}\n\n// 页面加载\nonMounted(() => {\n\t// getUserInfo()\n\t// getOrderCounts()\n})\n\n// 定义页面配置\ndefineExpose({\n\tonPullDownRefresh\n})\n</script>\n\n<style lang=\"scss\" scoped>\n\t.my-container {\n\t\tmin-height: 100vh;\n\t\tbackground-color: #f5f5f5;\n\t\tpadding-bottom: 100rpx;\n\n\t\t.user-info {\n\t\t\tbackground-color: #fff;\n\t\t\tpadding: 40rpx 30rpx;\n\t\t\tmargin-bottom: 20rpx;\n\n\t\t\t.user-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmargin-bottom: 40rpx;\n\n\t\t\t\t.avatar {\n\t\t\t\t\twidth: 120rpx;\n\t\t\t\t\theight: 120rpx;\n\t\t\t\t\tborder-radius: 60rpx;\n\t\t\t\t\tmargin-right: 20rpx;\n\t\t\t\t}\n\n\t\t\t\t.user-detail {\n\t\t\t\t\tflex: 1;\n\n\t\t\t\t\t.nickname {\n\t\t\t\t\t\tfont-size: 32rpx;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\tcolor: #333;\n\t\t\t\t\t\tmargin-bottom: 10rpx;\n\t\t\t\t\t}\n\n\t\t\t\t\t.user-level {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\n\t\t\t\t\t\t.level-icon {\n\t\t\t\t\t\t\twidth: 32rpx;\n\t\t\t\t\t\t\theight: 32rpx;\n\t\t\t\t\t\t\tmargin-right: 8rpx;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.level-text {\n\t\t\t\t\t\t\tfont-size: 24rpx;\n\t\t\t\t\t\t\tcolor: #666;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.edit-btn {\n\t\t\t\t\timage {\n\t\t\t\t\t\twidth: 40rpx;\n\t\t\t\t\t\theight: 40rpx;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.user-stats {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-around;\n\n\t\t\t\t.stat-item {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\t.num {\n\t\t\t\t\t\tfont-size: 36rpx;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\tcolor: #333;\n\t\t\t\t\t\tmargin-bottom: 8rpx;\n\t\t\t\t\t}\n\n\t\t\t\t\t.label {\n\t\t\t\t\t\tfont-size: 24rpx;\n\t\t\t\t\t\tcolor: #666;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.order-section {\n\t\t\tbackground-color: #fff;\n\t\t\tpadding: 30rpx;\n\t\t\tmargin-bottom: 20rpx;\n\n\t\t\t.section-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t\tmargin-bottom: 30rpx;\n\n\t\t\t\t.title {\n\t\t\t\t\tfont-size: 32rpx;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tcolor: #333;\n\t\t\t\t}\n\n\t\t\t\t.more {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\ttext {\n\t\t\t\t\t\tfont-size: 24rpx;\n\t\t\t\t\t\tcolor: #666;\n\t\t\t\t\t\tmargin-right: 8rpx;\n\t\t\t\t\t}\n\n\t\t\t\t\timage {\n\t\t\t\t\t\twidth: 32rpx;\n\t\t\t\t\t\theight: 32rpx;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.order-types {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\n\t\t\t\t.type-item {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\timage {\n\t\t\t\t\t\twidth: 48rpx;\n\t\t\t\t\t\theight: 48rpx;\n\t\t\t\t\t\tmargin-bottom: 12rpx;\n\t\t\t\t\t}\n\n\t\t\t\t\ttext {\n\t\t\t\t\t\tfont-size: 24rpx;\n\t\t\t\t\t\tcolor: #666;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.function-list {\n\t\t\tbackground-color: #fff;\n\t\t\tpadding: 0 30rpx;\n\n\t\t\t.function-item {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\theight: 100rpx;\n\t\t\t\tborder-bottom: 1rpx solid #f5f5f5;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\n\t\t\t\timage {\n\t\t\t\t\twidth: 40rpx;\n\t\t\t\t\theight: 40rpx;\n\t\t\t\t\tmargin-right: 20rpx;\n\n\t\t\t\t\t&.arrow {\n\t\t\t\t\t\twidth: 32rpx;\n\t\t\t\t\t\theight: 32rpx;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ttext {\n\t\t\t\t\tfont-size: 28rpx;\n\t\t\t\t\tcolor: #333;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.badge {\n\t\tposition: absolute;\n\t\ttop: -8rpx;\n\t\tright: -8rpx;\n\t\tbackground-color: #ff4d4f;\n\t\tcolor: #fff;\n\t\tfont-size: 20rpx;\n\t\tpadding: 2rpx 8rpx;\n\t\tborder-radius: 16rpx;\n\t\tmin-width: 32rpx;\n\t\ttext-align: center;\n\t}\n\n\t.type-item {\n\t\tposition: relative;\n\t}\n</style>\n","import Component from '/Users/huangtao/Duiba/project/20250528_FHQ1/components/My.vue'\nwx.createComponent(Component)"],"names":["ref","uni","onMounted"],"mappings":";;;;;;AAyBA,UAAM,WAAWA,cAAAA,IAAI;AAAA,MACpB,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU;AAAA,IACX,CAAC;AAGmBA,kBAAAA,IAAI;AAAA,MACvB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,IACR,CAAC;AAGD,UAAM,aAAa,CAAC,QAAQ;AAC3BC,oBAAAA,MAAI,WAAW;AAAA,QACd;AAAA,QACA,MAAM,CAAC,QAAQ;AACdA,wBAAAA,MAAA,MAAA,SAAA,2BAAc,WAAW,GAAG;AAC5BA,wBAAAA,MAAI,UAAU;AAAA,YACb,OAAO;AAAA,YACP,MAAM;AAAA,UACV,CAAI;AAAA,QACD;AAAA,MACH,CAAE;AAAA,IACF;AAGA,UAAM,oBAAoB,MAAM;AAC/B,iBAAW,qBAAqB;AAAA,IACjC;AA+DA,UAAM,oBAAoB,YAAY;AACrC;AAAA,IAWD;AAGAC,kBAAAA,UAAU,MAAM;AAAA,IAGhB,CAAC;AAGD,aAAa;AAAA,MACZ;AAAA,IACD,CAAC;;;;;;;;;;;;;;ACjJD,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file

unpackage/dist/dev/.sourcemap/mp-weixin/components/TabBar.js.map

-{"version":3,"file":"TabBar.js","sources":["components/TabBar.vue","/Users/huangtao/Duiba/project/20250528_FHQ1/components/TabBar.vue?type=component"],"sourcesContent":["<template>\n  <view class=\"tab-bar\">\n    <view\n      v-for=\"(item, index) in tabList\"\n      :key=\"index\"\n      class=\"tab-item\"\n      :class=\"{ active: currentIndex === index }\"\n      @click=\"handleTabClick(index, item)\"\n    >\n      <image\n        :src=\"currentIndex === index ? item.selectedIconPath : item.iconPath\"\n        :class=\"`tab-icon tab-icon-${index}`\"\n      />\n      <text class=\"tab-text\" :class=\"{ active: currentIndex === index }\">{{\n        item.text\n      }}</text>\n    </view>\n  </view>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nconst props = defineProps({\n  tabList: {\n    type: Array,\n    default: () => [\n      {\n        text: \"首页\",\n        iconPath: \"/static/tabBar/icon_tab_home_normal.png\",\n        selectedIconPath: \"/static/tabBar/icon_tab_home_selected.png\",\n      },\n      {\n        text: \"品牌故事\",\n        iconPath: \"/static/tabBar/icon_tab_brand_normal.png\",\n        selectedIconPath: \"/static/tabBar/icon_tab_brand_selected.png\",\n      },\n      {\n        text: \"积分服务\",\n        iconPath: \"/static/tabBar/icon_tab_gift_normal.png\",\n        selectedIconPath: \"/static/tabBar/icon_tab_gift_selected.png\",\n      },\n      {\n        text: \"我的\",\n        iconPath: \"/static/tabBar/icon_tab_person_normal.png\",\n        selectedIconPath: \"/static/tabBar/icon_tab_person_selected.png\",\n      },\n    ],\n  },\n});\n\nconst emit = defineEmits([\"tabClick\"]);\n\nconst currentIndex = ref(0);\n\nconst handleTabClick = (index, item) => {\n  currentIndex.value = index;\n  emit(\"tabClick\", { index, item });\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.tab-bar {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 180rpx;\n  background-color: #ffffff;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);\n\n  .tab-item {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n\n    .tab-icon {\n      width: 48rpx;\n      height: 48rpx;\n\n      position: absolute;\n      top: 28rpx;\n    }\n\n    .tab-icon-0 {\n      width: 36rpx;\n      height: 40rpx;\n      top: 28rpx;\n    }\n    .tab-icon-1 {\n      width: 34rpx;\n      height: 38rpx;\n      top: 29rpx;\n    }\n    .tab-icon-2 {\n      width: 38rpx;\n      height: 41rpx;\n      top: 24rpx;\n    }\n\n    .tab-icon-3 {\n      width: 36rpx;\n      height: 41rpx;\n      top: 28rpx;\n    }\n\n    .tab-text {\n      font-size: 20rpx;\n      color: #666;\n\n      position: absolute;\n      top: 81rpx;\n\n      &.active {\n        color: #b27c1e;\n        font-weight: 500;\n      }\n    }\n  }\n}\n</style>\n","import Component from '/Users/huangtao/Duiba/project/20250528_FHQ1/components/TabBar.vue'\nwx.createComponent(Component)"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAM,OAAO;AAEb,UAAM,eAAeA,cAAAA,IAAI,CAAC;AAE1B,UAAM,iBAAiB,CAAC,OAAO,SAAS;AACtC,mBAAa,QAAQ;AACrB,WAAK,YAAY,EAAE,OAAO,KAAM,CAAA;AAAA,IAClC;;;;;;;;;;;;;;;;;;;ACzDA,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file

unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map

-{"version":3,"file":"index.js","sources":["pages/index/index.vue","pages/index/index.vue?type=page"],"sourcesContent":["<template>\r\n\t<view class=\"container\">\r\n\t\t<Home v-if=\"curTabIndex == 0\"></Home>\r\n\t\t<Brand v-if=\"curTabIndex == 1\"></Brand>\r\n\t\t<Integral v-if=\"curTabIndex == 2\"></Integral>\r\n\t\t<My v-if=\"curTabIndex == 3\"></My>\r\n\t\t<TabBar @tabClick=\"handleTabClick\" />\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\timport TabBar from '@/components/TabBar.vue'\r\n\timport Home from '@/components/Home.vue';\r\n\timport Brand from '@/components/Brand.vue';\r\n\timport Integral from '@/components/Integral.vue';\r\n\timport My from '@/components/My.vue';\r\n\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tcurTabIndex: 0,\r\n\t\t\t};\r\n\t\t},\r\n\t\tonLoad() {},\r\n\t\tmethods: {\r\n\t\t\thandleTabClick({\r\n\t\t\t\tindex,\r\n\t\t\t\titem\r\n\t\t\t}) {\r\n\t\t\t\tconsole.log('Tab clicked:', index, item)\r\n\t\t\t\t// 这里可以根据index或item进行相应的页面跳转或其他操作\r\n\t\t\t\tthis.curTabIndex = index\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomponents: {\r\n\t\t\tTabBar,\r\n\t\t\tHome,\r\n\t\t\tBrand,\r\n\t\t\tIntegral,\r\n\t\t\tMy\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t.container {\r\n\t\tmin-height: 100vh;\r\n\t\tbackground-color: #f5f5f5;\r\n\r\n\t\t.content {\r\n\t\t\tpadding-bottom: 100rpx; // 为底部TabBar留出空间\r\n\t\t}\r\n\t}\r\n\r\n\t.content {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t.logo {\r\n\t\theight: 200rpx;\r\n\t\twidth: 200rpx;\r\n\t\tmargin-top: 200rpx;\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t\tmargin-bottom: 50rpx;\r\n\t}\r\n\r\n\t.text-area {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t.title {\r\n\t\tfont-size: 36rpx;\r\n\t\tcolor: #8f8f94;\r\n\t}\r\n</style>","import MiniProgramPage from '/Users/huangtao/Duiba/project/20250528_FHQ1/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["uni"],"mappings":";;AAWC,MAAK,SAAU,MAAW;AAC1B,aAAa,MAAW;AACxB,MAAK,QAAS,MAAW;AACzB,MAAO,WAAU,MAAW;AAC5B,MAAO,KAAI,MAAW;AAEtB,MAAK,YAAU;AAAA,EACd,OAAO;AACN,WAAO;AAAA,MACN,aAAa;AAAA;EAEd;AAAA,EACD,SAAS;AAAA,EAAE;AAAA,EACX,SAAS;AAAA,IACR,eAAe;AAAA,MACd;AAAA,MACA;AAAA,IACD,GAAG;AACFA,oBAAA,MAAA,MAAA,OAAA,+BAAY,gBAAgB,OAAO,IAAI;AAEvC,WAAK,cAAc;AAAA,IACpB;AAAA,EACA;AAAA,EACD,YAAY;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;;;;;;;;;;;;;;;;;;;;;;;;ACvCF,GAAG,WAAW,eAAe;"}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/app.js

-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const common_vendor = require("./common/vendor.js");
-if (!Math) {
-  "./pages/index/index.js";
-}
-const _sfc_main = {
-  onLaunch: function() {
-    common_vendor.index.__f__("log", "at App.vue:4", "App Launch");
-  },
-  onShow: function() {
-    common_vendor.index.__f__("log", "at App.vue:7", "App Show");
-  },
-  onHide: function() {
-    common_vendor.index.__f__("log", "at App.vue:10", "App Hide");
-  }
-};
-function createApp() {
-  const app = common_vendor.createSSRApp(_sfc_main);
-  return {
-    app
-  };
-}
-createApp().app.mount("#app");
-exports.createApp = createApp;
-//# sourceMappingURL=../.sourcemap/mp-weixin/app.js.map

unpackage/dist/dev/mp-weixin/app.json

-{
-  "pages": [
-    "pages/index/index"
-  ],
-  "window": {
-    "navigationBarTextStyle": "black",
-    "navigationBarTitleText": "uni-app",
-    "navigationBarBackgroundColor": "#F8F8F8",
-    "backgroundColor": "#F8F8F8",
-    "navigationStyle": "custom"
-  },
-  "usingComponents": {}
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/app.wxss

-
-	/*每个页面公共css */
-page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/Brand.js

-"use strict";
-const common_vendor = require("../common/vendor.js");
-const _sfc_main = {
-  __name: "Brand",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return {};
-    };
-  }
-};
-const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-ccdca2da"]]);
-wx.createComponent(Component);
-//# sourceMappingURL=../../.sourcemap/mp-weixin/components/Brand.js.map

unpackage/dist/dev/mp-weixin/components/Brand.json

-{
-  "component": true,
-  "usingComponents": {}
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/Brand.wxml

-<view class="brand-container data-v-ccdca2da"><view class="content data-v-ccdca2da"><text class="data-v-ccdca2da">品牌故事内容</text></view></view>
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/Brand.wxss

-/**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
-/**
- * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
- */
-/* 颜色变量 */
-/* 行为相关颜色 */
-/* 文字基本颜色 */
-/* 背景颜色 */
-/* 边框颜色 */
-/* 尺寸变量 */
-/* 文字尺寸 */
-/* 图片尺寸 */
-/* Border Radius */
-/* 水平间距 */
-/* 垂直间距 */
-/* 透明度 */
-/* 文章场景相关 */
-.brand-container.data-v-ccdca2da {
-  padding: 20rpx;
-}
-.brand-container .content.data-v-ccdca2da {
-  padding-bottom: 100rpx;
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/Home.js

-"use strict";
-const common_vendor = require("../common/vendor.js");
-const _sfc_main = {
-  __name: "Home",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return {};
-    };
-  }
-};
-const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-66361d43"]]);
-wx.createComponent(Component);
-//# sourceMappingURL=../../.sourcemap/mp-weixin/components/Home.js.map

unpackage/dist/dev/mp-weixin/components/Home.json

-{
-  "component": true,
-  "usingComponents": {}
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/Home.wxml

-<view class="home-container data-v-66361d43"><view class="content data-v-66361d43"><text class="data-v-66361d43">首页内容</text></view></view>
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/Home.wxss

-/**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
-/**
- * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
- */
-/* 颜色变量 */
-/* 行为相关颜色 */
-/* 文字基本颜色 */
-/* 背景颜色 */
-/* 边框颜色 */
-/* 尺寸变量 */
-/* 文字尺寸 */
-/* 图片尺寸 */
-/* Border Radius */
-/* 水平间距 */
-/* 垂直间距 */
-/* 透明度 */
-/* 文章场景相关 */
-.home-container.data-v-66361d43 {
-  padding: 20rpx;
-}
-.home-container .content.data-v-66361d43 {
-  padding-bottom: 100rpx;
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/Integral.js

-"use strict";
-const common_vendor = require("../common/vendor.js");
-const _sfc_main = {
-  __name: "Integral",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return {};
-    };
-  }
-};
-const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-6b39c053"]]);
-wx.createComponent(Component);
-//# sourceMappingURL=../../.sourcemap/mp-weixin/components/Integral.js.map

unpackage/dist/dev/mp-weixin/components/Integral.json

-{
-  "component": true,
-  "usingComponents": {}
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/Integral.wxml

-<view class="integral-container data-v-6b39c053"><view class="content data-v-6b39c053"><text class="data-v-6b39c053">积分服务内容</text></view></view>
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/Integral.wxss

-/**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
-/**
- * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
- */
-/* 颜色变量 */
-/* 行为相关颜色 */
-/* 文字基本颜色 */
-/* 背景颜色 */
-/* 边框颜色 */
-/* 尺寸变量 */
-/* 文字尺寸 */
-/* 图片尺寸 */
-/* Border Radius */
-/* 水平间距 */
-/* 垂直间距 */
-/* 透明度 */
-/* 文章场景相关 */
-.integral-container.data-v-6b39c053 {
-  padding: 20rpx;
-}
-.integral-container .content.data-v-6b39c053 {
-  padding-bottom: 100rpx;
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/My.js

-"use strict";
-const common_vendor = require("../common/vendor.js");
-const common_assets = require("../common/assets.js");
-const _sfc_main = {
-  __name: "My",
-  setup(__props, { expose: __expose }) {
-    const userInfo = common_vendor.ref({
-      avatar: "",
-      nickname: "",
-      level: 1,
-      points: 0,
-      coupons: 0,
-      collects: 0
-    });
-    common_vendor.ref({
-      pending: 0,
-      shipping: 0,
-      receiving: 0,
-      comment: 0,
-      after: 0
-    });
-    const navigateTo = (url) => {
-      common_vendor.index.navigateTo({
-        url,
-        fail: (err) => {
-          common_vendor.index.__f__("error", "at components/My.vue:49", "页面跳转失败:", err);
-          common_vendor.index.showToast({
-            title: "页面跳转失败",
-            icon: "none"
-          });
-        }
-      });
-    };
-    const handleEditProfile = () => {
-      navigateTo("/pages/user/profile");
-    };
-    const onPullDownRefresh = async () => {
-      return;
-    };
-    common_vendor.onMounted(() => {
-    });
-    __expose({
-      onPullDownRefresh
-    });
-    return (_ctx, _cache) => {
-      return {
-        a: userInfo.value.avatar || "/static/my/avatar.png",
-        b: common_vendor.t(userInfo.value.nickname || "未登录"),
-        c: common_assets._imports_0,
-        d: common_vendor.t(userInfo.value.level || 1),
-        e: common_assets._imports_1,
-        f: common_vendor.o(handleEditProfile)
-      };
-    };
-  }
-};
-const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-5e0d8f88"]]);
-wx.createComponent(Component);
-//# sourceMappingURL=../../.sourcemap/mp-weixin/components/My.js.map

unpackage/dist/dev/mp-weixin/components/My.json

-{
-  "component": true,
-  "usingComponents": {}
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/My.wxml

-<view class="my-container data-v-5e0d8f88"><view class="user-info data-v-5e0d8f88"><view class="user-header data-v-5e0d8f88"><image class="avatar data-v-5e0d8f88" src="{{a}}" mode="aspectFill"/><view class="user-detail data-v-5e0d8f88"><text class="nickname data-v-5e0d8f88">{{b}}</text><view class="user-level data-v-5e0d8f88"><image class="level-icon data-v-5e0d8f88" src="{{c}}" mode="aspectFit"/><text class="level-text data-v-5e0d8f88">Lv.{{d}}</text></view></view><view class="edit-btn data-v-5e0d8f88" bindtap="{{f}}"><image class="data-v-5e0d8f88" src="{{e}}" mode="aspectFit"/></view></view></view></view>
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/My.wxss

-/**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
-/**
- * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
- */
-/* 颜色变量 */
-/* 行为相关颜色 */
-/* 文字基本颜色 */
-/* 背景颜色 */
-/* 边框颜色 */
-/* 尺寸变量 */
-/* 文字尺寸 */
-/* 图片尺寸 */
-/* Border Radius */
-/* 水平间距 */
-/* 垂直间距 */
-/* 透明度 */
-/* 文章场景相关 */
-.my-container.data-v-5e0d8f88 {
-  min-height: 100vh;
-  background-color: #f5f5f5;
-  padding-bottom: 100rpx;
-}
-.my-container .user-info.data-v-5e0d8f88 {
-  background-color: #fff;
-  padding: 40rpx 30rpx;
-  margin-bottom: 20rpx;
-}
-.my-container .user-info .user-header.data-v-5e0d8f88 {
-  display: flex;
-  align-items: center;
-  margin-bottom: 40rpx;
-}
-.my-container .user-info .user-header .avatar.data-v-5e0d8f88 {
-  width: 120rpx;
-  height: 120rpx;
-  border-radius: 60rpx;
-  margin-right: 20rpx;
-}
-.my-container .user-info .user-header .user-detail.data-v-5e0d8f88 {
-  flex: 1;
-}
-.my-container .user-info .user-header .user-detail .nickname.data-v-5e0d8f88 {
-  font-size: 32rpx;
-  font-weight: 500;
-  color: #333;
-  margin-bottom: 10rpx;
-}
-.my-container .user-info .user-header .user-detail .user-level.data-v-5e0d8f88 {
-  display: flex;
-  align-items: center;
-}
-.my-container .user-info .user-header .user-detail .user-level .level-icon.data-v-5e0d8f88 {
-  width: 32rpx;
-  height: 32rpx;
-  margin-right: 8rpx;
-}
-.my-container .user-info .user-header .user-detail .user-level .level-text.data-v-5e0d8f88 {
-  font-size: 24rpx;
-  color: #666;
-}
-.my-container .user-info .user-header .edit-btn image.data-v-5e0d8f88 {
-  width: 40rpx;
-  height: 40rpx;
-}
-.my-container .user-info .user-stats.data-v-5e0d8f88 {
-  display: flex;
-  justify-content: space-around;
-}
-.my-container .user-info .user-stats .stat-item.data-v-5e0d8f88 {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.my-container .user-info .user-stats .stat-item .num.data-v-5e0d8f88 {
-  font-size: 36rpx;
-  font-weight: 500;
-  color: #333;
-  margin-bottom: 8rpx;
-}
-.my-container .user-info .user-stats .stat-item .label.data-v-5e0d8f88 {
-  font-size: 24rpx;
-  color: #666;
-}
-.my-container .order-section.data-v-5e0d8f88 {
-  background-color: #fff;
-  padding: 30rpx;
-  margin-bottom: 20rpx;
-}
-.my-container .order-section .section-header.data-v-5e0d8f88 {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 30rpx;
-}
-.my-container .order-section .section-header .title.data-v-5e0d8f88 {
-  font-size: 32rpx;
-  font-weight: 500;
-  color: #333;
-}
-.my-container .order-section .section-header .more.data-v-5e0d8f88 {
-  display: flex;
-  align-items: center;
-}
-.my-container .order-section .section-header .more text.data-v-5e0d8f88 {
-  font-size: 24rpx;
-  color: #666;
-  margin-right: 8rpx;
-}
-.my-container .order-section .section-header .more image.data-v-5e0d8f88 {
-  width: 32rpx;
-  height: 32rpx;
-}
-.my-container .order-section .order-types.data-v-5e0d8f88 {
-  display: flex;
-  justify-content: space-between;
-}
-.my-container .order-section .order-types .type-item.data-v-5e0d8f88 {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.my-container .order-section .order-types .type-item image.data-v-5e0d8f88 {
-  width: 48rpx;
-  height: 48rpx;
-  margin-bottom: 12rpx;
-}
-.my-container .order-section .order-types .type-item text.data-v-5e0d8f88 {
-  font-size: 24rpx;
-  color: #666;
-}
-.my-container .function-list.data-v-5e0d8f88 {
-  background-color: #fff;
-  padding: 0 30rpx;
-}
-.my-container .function-list .function-item.data-v-5e0d8f88 {
-  display: flex;
-  align-items: center;
-  height: 100rpx;
-  border-bottom: 1rpx solid #f5f5f5;
-}
-.my-container .function-list .function-item.data-v-5e0d8f88:last-child {
-  border-bottom: none;
-}
-.my-container .function-list .function-item image.data-v-5e0d8f88 {
-  width: 40rpx;
-  height: 40rpx;
-  margin-right: 20rpx;
-}
-.my-container .function-list .function-item image.arrow.data-v-5e0d8f88 {
-  width: 32rpx;
-  height: 32rpx;
-  margin-right: 0;
-  margin-left: auto;
-}
-.my-container .function-list .function-item text.data-v-5e0d8f88 {
-  font-size: 28rpx;
-  color: #333;
-}
-.badge.data-v-5e0d8f88 {
-  position: absolute;
-  top: -8rpx;
-  right: -8rpx;
-  background-color: #ff4d4f;
-  color: #fff;
-  font-size: 20rpx;
-  padding: 2rpx 8rpx;
-  border-radius: 16rpx;
-  min-width: 32rpx;
-  text-align: center;
-}
-.type-item.data-v-5e0d8f88 {
-  position: relative;
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/TabBar.js

-"use strict";
-const common_vendor = require("../common/vendor.js");
-const _sfc_main = {
-  __name: "TabBar",
-  props: {
-    tabList: {
-      type: Array,
-      default: () => [
-        {
-          text: "首页",
-          iconPath: "/static/tabBar/icon_tab_home_normal.png",
-          selectedIconPath: "/static/tabBar/icon_tab_home_selected.png"
-        },
-        {
-          text: "品牌故事",
-          iconPath: "/static/tabBar/icon_tab_brand_normal.png",
-          selectedIconPath: "/static/tabBar/icon_tab_brand_selected.png"
-        },
-        {
-          text: "积分服务",
-          iconPath: "/static/tabBar/icon_tab_gift_normal.png",
-          selectedIconPath: "/static/tabBar/icon_tab_gift_selected.png"
-        },
-        {
-          text: "我的",
-          iconPath: "/static/tabBar/icon_tab_person_normal.png",
-          selectedIconPath: "/static/tabBar/icon_tab_person_selected.png"
-        }
-      ]
-    }
-  },
-  emits: ["tabClick"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const currentIndex = common_vendor.ref(0);
-    const handleTabClick = (index, item) => {
-      currentIndex.value = index;
-      emit("tabClick", { index, item });
-    };
-    return (_ctx, _cache) => {
-      return {
-        a: common_vendor.f(__props.tabList, (item, index, i0) => {
-          return {
-            a: currentIndex.value === index ? item.selectedIconPath : item.iconPath,
-            b: common_vendor.n(`tab-icon tab-icon-${index}`),
-            c: common_vendor.t(item.text),
-            d: currentIndex.value === index ? 1 : "",
-            e: index,
-            f: currentIndex.value === index ? 1 : "",
-            g: common_vendor.o(($event) => handleTabClick(index, item), index)
-          };
-        })
-      };
-    };
-  }
-};
-const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-89ca1f91"]]);
-wx.createComponent(Component);
-//# sourceMappingURL=../../.sourcemap/mp-weixin/components/TabBar.js.map

unpackage/dist/dev/mp-weixin/components/TabBar.json

-{
-  "component": true,
-  "usingComponents": {}
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/TabBar.wxml

-<view class="tab-bar data-v-89ca1f91"><view wx:for="{{a}}" wx:for-item="item" wx:key="e" class="{{['tab-item', 'data-v-89ca1f91', item.f && 'active']}}" bindtap="{{item.g}}"><image src="{{item.a}}" class="{{['data-v-89ca1f91', item.b]}}"/><text class="{{['tab-text', 'data-v-89ca1f91', item.d && 'active']}}">{{item.c}}</text></view></view>
\ No newline at end of file

unpackage/dist/dev/mp-weixin/components/TabBar.wxss

-/**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
-/**
- * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
- */
-/* 颜色变量 */
-/* 行为相关颜色 */
-/* 文字基本颜色 */
-/* 背景颜色 */
-/* 边框颜色 */
-/* 尺寸变量 */
-/* 文字尺寸 */
-/* 图片尺寸 */
-/* Border Radius */
-/* 水平间距 */
-/* 垂直间距 */
-/* 透明度 */
-/* 文章场景相关 */
-.tab-bar.data-v-89ca1f91 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 180rpx;
-  background-color: #ffffff;
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
-}
-.tab-bar .tab-item.data-v-89ca1f91 {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-}
-.tab-bar .tab-item .tab-icon.data-v-89ca1f91 {
-  width: 48rpx;
-  height: 48rpx;
-  position: absolute;
-  top: 28rpx;
-}
-.tab-bar .tab-item .tab-icon-0.data-v-89ca1f91 {
-  width: 36rpx;
-  height: 40rpx;
-  top: 28rpx;
-}
-.tab-bar .tab-item .tab-icon-1.data-v-89ca1f91 {
-  width: 34rpx;
-  height: 38rpx;
-  top: 29rpx;
-}
-.tab-bar .tab-item .tab-icon-2.data-v-89ca1f91 {
-  width: 38rpx;
-  height: 41rpx;
-  top: 24rpx;
-}
-.tab-bar .tab-item .tab-icon-3.data-v-89ca1f91 {
-  width: 36rpx;
-  height: 41rpx;
-  top: 28rpx;
-}
-.tab-bar .tab-item .tab-text.data-v-89ca1f91 {
-  font-size: 20rpx;
-  color: #666;
-  position: absolute;
-  top: 81rpx;
-}
-.tab-bar .tab-item .tab-text.active.data-v-89ca1f91 {
-  color: #b27c1e;
-  font-weight: 500;
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/pages/index/index.js

-"use strict";
-const common_vendor = require("../../common/vendor.js");
-const TabBar = () => "../../components/TabBar.js";
-const Home = () => "../../components/Home.js";
-const Brand = () => "../../components/Brand.js";
-const Integral = () => "../../components/Integral.js";
-const My = () => "../../components/My.js";
-const _sfc_main = {
-  data() {
-    return {
-      curTabIndex: 0
-    };
-  },
-  onLoad() {
-  },
-  methods: {
-    handleTabClick({
-      index,
-      item
-    }) {
-      common_vendor.index.__f__("log", "at pages/index/index.vue:30", "Tab clicked:", index, item);
-      this.curTabIndex = index;
-    }
-  },
-  components: {
-    TabBar,
-    Home,
-    Brand,
-    Integral,
-    My
-  }
-};
-if (!Array) {
-  const _component_Home = common_vendor.resolveComponent("Home");
-  const _component_Brand = common_vendor.resolveComponent("Brand");
-  const _component_Integral = common_vendor.resolveComponent("Integral");
-  const _component_My = common_vendor.resolveComponent("My");
-  const _component_TabBar = common_vendor.resolveComponent("TabBar");
-  (_component_Home + _component_Brand + _component_Integral + _component_My + _component_TabBar)();
-}
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return common_vendor.e({
-    a: $data.curTabIndex == 0
-  }, $data.curTabIndex == 0 ? {} : {}, {
-    b: $data.curTabIndex == 1
-  }, $data.curTabIndex == 1 ? {} : {}, {
-    c: $data.curTabIndex == 2
-  }, $data.curTabIndex == 2 ? {} : {}, {
-    d: $data.curTabIndex == 3
-  }, $data.curTabIndex == 3 ? {} : {}, {
-    e: common_vendor.o($options.handleTabClick)
-  });
-}
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1cf27b2a"]]);
-wx.createPage(MiniProgramPage);
-//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/index/index.js.map

unpackage/dist/dev/mp-weixin/pages/index/index.json

-{
-  "navigationBarTitleText": "首页",
-  "usingComponents": {
-    "tab-bar": "../../components/TabBar",
-    "home": "../../components/Home",
-    "brand": "../../components/Brand",
-    "integral": "../../components/Integral",
-    "my": "../../components/My"
-  }
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/pages/index/index.wxml

-<view class="container data-v-1cf27b2a"><home wx:if="{{a}}" class="data-v-1cf27b2a" u-i="1cf27b2a-0" bind:__l="__l"></home><brand wx:if="{{b}}" class="data-v-1cf27b2a" u-i="1cf27b2a-1" bind:__l="__l"></brand><integral wx:if="{{c}}" class="data-v-1cf27b2a" u-i="1cf27b2a-2" bind:__l="__l"></integral><my wx:if="{{d}}" class="data-v-1cf27b2a" u-i="1cf27b2a-3" bind:__l="__l"></my><tab-bar class="data-v-1cf27b2a" bindtabClick="{{e}}" u-i="1cf27b2a-4" bind:__l="__l"/></view>
\ No newline at end of file

unpackage/dist/dev/mp-weixin/pages/index/index.wxss

-/**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
-/**
- * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
- */
-/* 颜色变量 */
-/* 行为相关颜色 */
-/* 文字基本颜色 */
-/* 背景颜色 */
-/* 边框颜色 */
-/* 尺寸变量 */
-/* 文字尺寸 */
-/* 图片尺寸 */
-/* Border Radius */
-/* 水平间距 */
-/* 垂直间距 */
-/* 透明度 */
-/* 文章场景相关 */
-.container.data-v-1cf27b2a {
-  min-height: 100vh;
-  background-color: #f5f5f5;
-}
-.container .content.data-v-1cf27b2a {
-  padding-bottom: 100rpx;
-}
-.content.data-v-1cf27b2a {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-.logo.data-v-1cf27b2a {
-  height: 200rpx;
-  width: 200rpx;
-  margin-top: 200rpx;
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: 50rpx;
-}
-.text-area.data-v-1cf27b2a {
-  display: flex;
-  justify-content: center;
-}
-.title.data-v-1cf27b2a {
-  font-size: 36rpx;
-  color: #8f8f94;
-}
\ No newline at end of file

unpackage/dist/dev/mp-weixin/project.config.json

-{
-  "description": "项目配置文件。",
-  "packOptions": {
-    "ignore": [],
-    "include": []
-  },
-  "setting": {
-    "urlCheck": false,
-    "es6": true,
-    "postcss": false,
-    "minified": false,
-    "newFeature": true,
-    "bigPackageSizeSupport": true,
-    "babelSetting": {
-      "ignore": [],
-      "disablePlugins": [],
-      "outputPath": ""
-    }
-  },
-  "compileType": "miniprogram",
-  "libVersion": "3.4.10",
-  "appid": "wx1f110fcec1d6adc4",
-  "projectname": "20250528_FHQ1",
-  "condition": {},
-  "editorSetting": {
-    "tabIndent": "insertSpaces",
-    "tabSize": 2
-  }
-}
\ No newline at end of file