bug

src/apps/AppResidentFile/AppResidentFile.vue

@@ -1,7 +1,5 @@
 <template>
   <div class="AppResidentFile">
-    <u-tabbar v-model="currentTabBar" :list="lists" @change="changeTab" active-color="#3267F0" inactive-color="#C4CAD4" style="height: 0" class="u-tabbar"></u-tabbar>
-
     <div class="currentTabBar0" v-if="currentTabBar == 0">
       <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
 
@@ -110,6 +108,13 @@
         </AiCell>
       </div>
     </div>
+    <!-- <u-tabbar v-model="currentTabBar" :list="lists" @change="changeTab" active-color="#3267F0" inactive-color="#C4CAD4" class="u-tabbar"></u-tabbar> -->
+    <div class="tabs">
+      <div class="item" @click="changeTab(index)" v-for="(item, index) in lists" :key="index">
+        <img :src="currentTabBar == index ? item.selectedIconPath : item.iconPath" alt="" />
+        <p :class="currentTabBar == index ? 'color-3267F0' : ''">{{ item.text }}</p>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -525,6 +530,7 @@ uni-page-body {
   height: 100%;
 
   .currentTabBar0 {
+    padding-bottom: 98px;
     .peopleGroup,
     .people {
       .topcard {
@@ -598,6 +604,7 @@ uni-page-body {
 
   .currentTabBar1 {
     height: 100%;
+    padding-bottom: 98px;
     background: #fff;
     ::v-deep .AiTopFixed {
       b.title {
@@ -614,7 +621,7 @@ uni-page-body {
 
     ::v-deep .mainPane {
       background: #fff;
-      padding: 0 32px;
+      padding: 0 32px 88px;
 
       .AiCell {
         flex-shrink: 0;
@@ -674,6 +681,7 @@ uni-page-body {
   }
 
   .currentTabBar2 {
+    padding-bottom: 98px;
     ::v-deep .AiTopFixed {
       b.title {
         color: #333;
@@ -774,5 +782,35 @@ uni-page-body {
       }
     }
   }
+
+  .tabs {
+    width: 100%;
+    height: 98px;
+    background: #fff;
+    border-top: 1px solid #ddd;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    .item {
+      flex: 1;
+      text-align: center;
+      img {
+        width: 56px;
+        height: 56px;
+        margin-top: 8px;
+      }
+      p {
+        font-size: 22px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #c4cad4;
+        line-height: 8px;
+      }
+      .color-3267F0 {
+        color: #3267f0;
+      }
+    }
+  }
 }
 </style>