修改样式

src/pages/SafetyManagement/index.js

@@ -114,17 +114,19 @@ const Video = ({ projectId, data, dataOnline, loading }) => {
           <img className={styles.img} src={img} />
           <div className={styles.textCon}>
             <div className={styles.num}>{dataOnline?.total || 0}</div>
-            <div>在库数量（个）</div>
+            <div className={styles.text}>在库数量（个）</div>
           </div>
         </div>
         <div>
           <div className={styles.lTextCon1}>
             <div className={styles.onlinePoint} />
-            <span>在线：{dataOnline?.online || 0}</span>
+            <span className={styles.text}>在线：{dataOnline?.online || 0}</span>
           </div>
           <div className={styles.lTextCon2}>
             <div className={styles.outlinePoint} />
-            <span>离线：{dataOnline?.offline || 0}</span>
+            <span className={styles.text}>
+              离线：{dataOnline?.offline || 0}
+            </span>
           </div>
         </div>
       </div>

src/pages/SafetyManagement/index.less

@@ -4,14 +4,15 @@
 }
 
 .img {
-  width: 136px;
-  height: 130px;
+  width: 154px;
   margin-right: 20px;
 }
 .num {
-  color: #ffc400;
-  font-size: 36px;
-  margin-bottom: 20px;
+  font-size: 80px;
+  font-weight: bold;
+  line-height: 94px;
+  margin-bottom: 16px;
+  color: #4a90e2;
 }
 .point {
   width: 20px;
@@ -37,14 +38,19 @@
   padding: 40px 44px 32px;
   align-items: center;
   .name {
-    font-size: 28px;
-    color: #4a4a4a;
+    font-size: 36px;
+    color: #000000;
   }
 }
 .lTextCon2 {
   display: flex;
   align-items: center;
 }
+.text {
+  font-size: 28px;
+  color: #4a4a4a;
+  line-height: 38px;
+}
 .sparePart {
   width: 100%;
   .titleContent {
@@ -79,10 +85,9 @@
         margin-top: 32px;
         margin-left: 48px;
         .img {
-          width: 136px;
-          height: 130px;
+          width: 154px;
+          // height: 130px;
           margin-right: 40px;
-          margin-bottom: 28px;
         }
         .textCon {
           text-align: center;
@@ -90,7 +95,7 @@
       }
       .bottom {
         display: flex;
-        margin-bottom: 6px;
+        margin: 28px 0 6px;
         justify-content: space-around;
       }
     }
@@ -124,9 +129,4 @@
       }
     }
   }
-  .text {
-    font-size: 28px;
-    color: #4a4a4a;
-    line-height: 38px;
-  }
 }