css

src/apps/AppEpidemicSituation/Health.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="Health">
+    <AiTopFixed>
       <div class="header">
         <div class="tab-item">
           <h2 style="color: #2c51ce">{{ userList.total }}</h2>
@@ -36,12 +37,13 @@
 
       <div class="line2"></div>
 
-    <div class="bottoms">
       <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#fff" inactive-color="#333" bar-width="192" active-color="#135AB8 " @change="change"></u-tabs>
+    </AiTopFixed>
 
+    <div class="bottoms">
+      <template v-if="data.length">
         <div class="line3"></div>
 
-      <template v-if="data.length">
         <div class="templates" v-for="(item, i) in data" :key="i" @click="goDetail(item)">
           <img :src="item.avatar" alt="" v-if="item.avatar" />
           <img src="./components/img/user-img.png" alt="" v-else />
@@ -196,6 +198,19 @@ export default {
 .Health {
   height: 100%;
   background: #fff;
+  ::v-deep .AiTopFixed {
+    .placeholder {
+      .content {
+        padding: 0 !important;
+      }
+    }
+    .fixed {
+      margin: 0 !important;
+      .content {
+        padding: 0 !important;
+      }
+    }
+  }
 
   .header {
     padding: 54px 32px 48px 32px;
@@ -256,12 +271,8 @@ export default {
   }
 
   .bottoms {
-    .u-tabs {
-      margin-bottom: -8px;
-    }
-
     .line3 {
-      height: 4px;
+      height: 6px;
       background: #f3f6f9;
     }