提交设备统计样式修改

ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue

@@ -6,14 +6,12 @@
               <div class="topTabs" >
                  <div class="item" v-for=" item in equipments" >
                    <div class="title-tool" >
-                     <span class="text" >设备数</span>
-                     <div class="num" >{{ item.num }}</div>
-                     <span class="unit">套</span>
+                     <span class="text" >{{ item.text }}</span>
                    </div>
                    <div class="item-body" >
                       <div class="left-body" >
                         <img src="./assets/shexiangtou.png"  />
-                        <span>{{ item.text }}</span>
+                        <span class="num" >{{ item.num }} <span class="unit">套</span></span>
                       </div>
                       <div class="line" ></div>
                       <div class="right-list" >
@@ -568,6 +566,7 @@ import * as echarts from "echarts";
   
   <style lang='scss' scoped>
 
+
   .bottomTabs {
     position: relative;
     display: inline-flex;
@@ -587,6 +586,8 @@ import * as echarts from "echarts";
     }
   }
 
+
+
   .topTabs {
     display: inline-flex;
     width: 100%;
@@ -633,14 +634,26 @@ import * as echarts from "echarts";
           align-items: center;
           margin:0 10px;
 
-          > span {
-             display: inline-flex;
-             margin-top:10px;
-             font-size: 14px;
-            font-family: PingFang SC, PingFang SC;
-            font-weight: 400;
-            color: #FFFFFFcc;
-          }
+          .num {
+          display: inline-flex;
+          font-size: 19px;
+          font-family: PangMenZhengDao, PangMenZhengDao;
+          font-weight: 400;
+          color: #00D1FF;
+          margin:0 10px;
+          margin-top:20px;
+        }
+
+
+        .unit {
+          font-size: 12px;
+          font-family: PingFang SC, PingFang SC;
+          font-weight: 500;
+          color: #FFFFFFF0;
+          position: relative;
+          top:5px;
+          left:5px;
+        }  
 
         }
 
@@ -667,7 +680,7 @@ import * as echarts from "echarts";
             position: relative;
             width:100%;
             height:40px;
-            font-size: 14px;
+            font-size: 12px;
             font-family: PingFang SC, PingFang SC;
             font-weight: 400;
             color: #FFFFFF;
@@ -676,21 +689,21 @@ import * as echarts from "echarts";
 
             .show-text1 {
                color:#00EBC1ee;
-               font-size: 16px;
+               font-size: 14px;
               font-family: PangMenZhengDao, PangMenZhengDao;
               font-weight: 800;
             }
 
             .show-text2 {
                color:#FFFFFFee;
-               font-size: 16px;
+               font-size: 14px;
               font-family: PangMenZhengDao, PangMenZhengDao;
               font-weight: 800;               
             }
 
             .show-text3 {
                color:#FFD15Cee;
-               font-size: 16px;
+               font-size: 14px;
               font-family: PangMenZhengDao, PangMenZhengDao;
               font-weight: 800;              
             }
@@ -718,20 +731,9 @@ import * as echarts from "echarts";
           color: #FFFFFF;
         }
 
-        .num {
-          font-size: 19px;
-          font-family: PangMenZhengDao, PangMenZhengDao;
-          font-weight: 400;
-          color: #00D1FF;
-          margin:0 10px;
-        }
 
-        .unit {
-          font-size: 11px;
-          font-family: PingFang SC, PingFang SC;
-          font-weight: 500;
-          color: #FFFFFF50;
-        }
+
+      
 
 
       }