feat: ab屏 优化边距

src/assets/css/theme.scss

@@ -50,3 +50,9 @@ $gap-padding: halfW(8);
   height: halfW(28);
   margin-right: halfW(8);
 }
+
+.text-overflow {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

src/views/hui-jia/b2-screen/index.vue

@@ -218,13 +218,13 @@
       display: flex;
       flex-direction: column;
       width: calc(25% - $gap-padding);
-      height: calc(64% - $gap-padding);
+      height: calc(64% - $gap-padding - $gap-padding);
       gap: calc($gap-padding * 2);
       .total-container {
-        height: calc(50% - $gap-padding);
+        height: calc(50%);
       }
       .market-container {
-        height: calc(50% - $gap-padding);
+        height: calc(50%);
       }
     }
     .bottom-wrap {

src/views/hui-jia/components/hardware.vue

@@ -445,7 +445,7 @@
 
   .device-count {
     color: #fff;
-    font-size: halfW(18);
+    font-size: halfW(20);
     font-weight: 500;
     margin-bottom: halfH(10);
   }
@@ -477,7 +477,7 @@
 
   .data-label {
     color: var(--primary);
-    font-size: halfW(14);
+    font-size: halfW(16);
     font-weight: 500;
   }
 

src/views/hui-jia/components/implementary/ing.vue

@@ -56,7 +56,7 @@
                 }}</span>
               </el-col>
               <el-col :span="4" class="stat-item">
-                <span class="period">{{ item.updated_at }}</span>
+                <span class="period text-overflow">{{ item.updated_at }}</span>
               </el-col>
             </el-row>
           </el-col>

src/views/hui-jia/components/implementary/total.vue

@@ -101,15 +101,17 @@
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       grid-template-rows: repeat(2, 1fr);
-      gap: halfH(16);
+      gap: halfW(10);
       height: calc(100% - halfH(84));
       align-items: center;
     }
 
     .total-item {
       flex: 1 1 0%;
-      background: var(--content-bg);
+      background: var(--title-bg);
+      border-radius: var(--radius);
       text-align: center;
+      padding: halfH(10) halfW(6);
       .title-icon {
         width: halfW(24);
         height: halfW(24);
@@ -128,7 +130,7 @@
       }
 
       .total-value {
-        font-size: halfW(20);
+        font-size: halfW(18);
         font-weight: bold;
         color: #ffffff;
       }

src/views/hui-jia/components/online-water/index.vue

@@ -132,6 +132,7 @@ export default {
       .num{
         font-size: halfW(20);
         margin-top: halfH(10);
+        font-weight: 600;
         color: #9BE3E0;
       }
     }

src/views/hui-jia/components/smart.vue

@@ -242,7 +242,7 @@
     }
 
     .data-value {
-      font-size: halfW(18);
+      font-size: halfW(20);
       font-weight: 500;
       color: #fff;
     }

src/views/hui-jia/components/work-card.vue

@@ -190,7 +190,7 @@ export default {
 
   .card-value {
     margin-left: halfW(12);
-    font-size: halfW(16);
+    font-size: halfW(20);
     font-weight: 500;
     color: #fff;
     letter-spacing: 1px;