Review changes batch 6 of 6

components/AppTabbar.vue

@@ -1,25 +1,55 @@
 <!-- 公共组件：根页面底部导航；仅维护家谱、家族、我的三项已确认入口及其透明图标。 -->
 <template>
   <view class="app-tabbar">
-    <view v-for="item in items" :key="item.key" class="tab-item" @click="switchTab(item)">
-      <image class="tab-icon" :src="active === item.key ? item.activeIcon : item.icon" mode="aspectFit" />
-      <text :class="['tab-label', { active: active === item.key }]">{{ item.label }}</text>
+    <view
+      v-for="item in items"
+      :key="item.key"
+      class="tab-item"
+      @click="switchTab(item)"
+    >
+      <image
+        class="tab-icon"
+        :src="active === item.key ? item.activeIcon : item.icon"
+        mode="aspectFit"
+      />
+      <text :class="['tab-label', { active: active === item.key }]">{{
+        item.label
+      }}</text>
     </view>
   </view>
 </template>
 
 <script setup>
-const props = defineProps({ active: { type: String, required: true } })
+const props = defineProps({ active: { type: String, required: true } });
 
 const items = [
-  { key: 'genealogy', label: '家谱', path: '/pages/genealogy/g01-my-genealogies', icon: '/static/assets/foundation/transparent/tab-genealogy.png', activeIcon: '/static/assets/foundation/transparent/tab-genealogy-active.png' },
-  { key: 'family', label: '家族', path: '/pages/family/f01-family-feed', icon: '/static/assets/foundation/transparent/tab-family.png', activeIcon: '/static/assets/foundation/transparent/tab-family-active.png' },
-  { key: 'profile', label: '我的', path: '/pages/profile/m01-profile-home', icon: '/static/assets/foundation/transparent/tab-profile.png', activeIcon: '/static/assets/foundation/transparent/tab-profile-active.png' }
-]
+  {
+    key: "genealogy",
+    label: "家谱",
+    path: "/pages/genealogy/g01-my-genealogies",
+    icon: "/static/assets/foundation/transparent/tab-genealogy.png",
+    activeIcon:
+      "/static/assets/foundation/transparent/tab-genealogy-active.png",
+  },
+  {
+    key: "family",
+    label: "家族",
+    path: "/pages/family/f01-family-feed",
+    icon: "/static/assets/foundation/transparent/tab-family.png",
+    activeIcon: "/static/assets/foundation/transparent/tab-family-active.png",
+  },
+  {
+    key: "profile",
+    label: "我的",
+    path: "/pages/profile/m01-profile-home",
+    icon: "/static/assets/foundation/transparent/tab-profile.png",
+    activeIcon: "/static/assets/foundation/transparent/tab-profile-active.png",
+  },
+];
 
 const switchTab = (item) => {
-  if (item.key !== props.active) uni.reLaunch({ url: item.path })
-}
+  if (item.key !== props.active) uni.reLaunch({ url: item.path });
+};
 </script>
 
 <style scoped lang="scss">
@@ -61,5 +91,8 @@ const switchTab = (item) => {
   line-height: 1.2;
 }
 
-.tab-label.active { color: $brand-red; font-weight: 700; }
+.tab-label.active {
+  color: $brand-red;
+  font-weight: 700;
+}
 </style>