feat: implement custom mini-program tab bar

2026-03-12 09:20:46 +08:00
parent 007d380757
commit 2b2a02fe88
17 changed files with 176 additions and 128 deletions
--- a/mini/custom-tab-bar/index.wxml
+++ b/mini/custom-tab-bar/index.wxml
@@ -0,0 +1,20 @@
+<view class="custom-tab-bar">
+  <view
+    wx:for="{{list}}"
+    wx:key="pagePath"
+    class="custom-tab-bar__item"
+    data-index="{{index}}"
+    bindtap="switchTab"
+  >
+    <image
+      class="custom-tab-bar__icon"
+      src="{{selected === index ? item.selectedIconPath : item.iconPath}}"
+      mode="aspectFit"
+    />
+    <text
+      class="custom-tab-bar__label {{selected === index ? 'custom-tab-bar__label--active' : ''}}"
+    >
+      {{item.text}}
+    </text>
+  </view>
+</view>