空白页css

src/apps/AppEpidemicSituation/Health.vue

@@ -38,12 +38,12 @@
       <div class="line2"></div>
 
       <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>
+
+      <div class="line3"></div>
     </AiTopFixed>
 
     <div class="bottoms">
       <template v-if="data.length">
-        <div class="line3"></div>
-
         <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 />
@@ -246,7 +246,7 @@ export default {
 
   .line1 {
     height: 4px;
-    background: #f3f6f9;
+    background: #f5f5f5;
   }
 
   .middle {
@@ -267,15 +267,15 @@ export default {
 
   .line2 {
     height: 8px;
-    background: #f3f6f9;
+    background: #f5f5f5;
+  }
+
+  .line3 {
+    height: 6px;
+    background: #f5f5f5;
   }
 
   .bottoms {
-    .line3 {
-      height: 6px;
-      background: #f3f6f9;
-    }
-
     .templates {
       display: flex;
       align-items: center;