5.5首页修改更新

src/views/vent/home/colliery/components/wind-device.vue

@@ -10,10 +10,10 @@
             </div>
             <div></div>
             <img :src="item.url" :alt="item.text" />
-            <div class="level-text">
-              <div class="all-count">
+            <div class="level-text" :class="item.allCount ? 'allText' : 'unallText'">
+              <div class="all-count" v-if="item.allCount">
                 <span>{{ `${item.allText}&nbsp:&nbsp` }}</span>
-                <span class="num-count">{{ item.allCount || 0 }}</span>
+                <span class="num-count">{{ item.allCount }}</span>
               </div>
               <div class="warn-count">
                 <span>{{ `${item.warnText}&nbsp:&nbsp` }}</span>
@@ -283,21 +283,7 @@ watch(
     overflow-y: auto;
 
     .icons-box {
-      // display: flex; lxh
-      // flex-wrap: wrap; lxh
-      // justify-content: space-around;
-      // justify-content: space-between; lxh
       height: 100%;
-
-      // overflow-y: hidden;
-      // align-items: start ;
-      // &:hover {
-      //   overflow-y: auto;
-      //   & > .icon-item {
-      //     // animation-play-state: paused; lxh
-      //     // animation: move1 2s linear;lxh
-      //   }
-      // }
       .icon-item {
         position: relative;
         display: flex;
@@ -308,14 +294,7 @@ watch(
 
         .level-text {
           width: 220px;
-          display: flex;
-          justify-content: space-between;
           position: absolute;
-          // top: 42px;lxh
-          // right: 25px;lxh
-          // color: #fff;lxh
-          // font-family: 'douyuFont';lxh
-          // font-size: 12px;lxh
           top: 47px;
           left: 185px;
           color: #ffffffe0;
@@ -329,16 +308,28 @@ watch(
             font-size: 12px;
           }
 
-          .warn-count,.close-count {
+          .warn-count,
+          .close-count {
             .num-count {
               color: #ffffffe0;
             }
+
             .num-count1 {
               color: #ff0000;
             }
           }
         }
 
+        .allText {
+          display: flex;
+          justify-content: space-between;
+        }
+
+        .unallText {
+          display: flex;
+          justify-content: space-around;
+        }
+
         img {
           width: 427px;
           height: 79px;