瀏覽代碼

首页-设备状态: 圆饼图右侧文字字号上限调到 13px 与在线状态对齐

  DeviceStatusPie 的 status-item / status-num 在 1080p 下分别显示 15/18px,
  比在线状态 DynamicDonutChart 的 13px 文字明显偏大。改 clamp 上限:
  - .status-item: clamp(11px, 1.4vh, 15px) → clamp(11px, 1.2vh, 13px)
  - .status-num : clamp(12px, 1.6vh, 18px) → clamp(12px, 1.3vh, 14px)
  保留自适应缩放范围,仅对齐 1080p 标准下的视觉大小。
画安 3 周之前
父節點
當前提交
0e75f0299f
共有 1 個文件被更改,包括 2 次插入2 次删除
  1. 2 2
      src/components/ui/DeviceStatusPie.vue

+ 2 - 2
src/components/ui/DeviceStatusPie.vue

@@ -256,7 +256,7 @@ export default {
   display: flex;
   align-items: center;
   gap: clamp(6px, 1vw, 10px);
-  font-size: clamp(11px, 1.4vh, 15px);
+  font-size: clamp(11px, 1.2vh, 13px);
   font-weight: 500;
   color: #fff;
   transition: all 0.3s ease;
@@ -280,7 +280,7 @@ export default {
 }
 .status-num {
   font-weight: 700;
-  font-size: clamp(12px, 1.6vh, 18px);
+  font-size: clamp(12px, 1.3vh, 14px);
   flex-shrink: 0;
 }