完成全项目响应式审核与换机交接

components/AppTabbar.vue

@@ -1,10 +1,14 @@
 <!-- 公共组件：根页面底部导航；仅维护家谱、家族、我的三项已确认入口及其透明图标。 -->
 <template>
-  <view class="app-tabbar">
+  <view class="app-tabbar" role="tablist" aria-label="主要导航">
     <view
       v-for="item in items"
       :key="item.key"
       class="tab-item"
+      role="tab"
+      :aria-selected="active === item.key"
+      :aria-label="`${item.label}${active === item.key ? '，当前页面' : ''}`"
+      hover-class="tab-item--pressed"
       @click="switchTab(item)"
     >
       <image
@@ -77,6 +81,9 @@ const switchTab = (item) => {
   padding: 4rpx 0;
   box-sizing: border-box;
 }
+.tab-item--pressed {
+  opacity: 0.72;
+}
 
 .tab-icon {
   width: 64rpx;