feat ui设计稿bug修复

src/views/project/cpns/ProjectProgress.vue

@@ -44,45 +44,54 @@ function clampPercent(value: number): number {
 </template>
 
 <style lang="less" scoped>
+// 设计稿实测（1920，1:1；5865c6d9 为 −14 基准，此处统一到主流基准 ⇒ 全部 +14）：
+// 「开发进度」ink 324 15/700；「总体进度」ink 372 12/400 #6B7280；「65%」ink 364 20/700 #024FFF；
+// 进度条 (70,402) 1780×6、填充 1157 #024FFF、轨道 #EDEFF2；起止时间 ink 420 11/400 #9CA3AF。
 .project-progress {
   .flex(column, flex-start, stretch);
-  // 设计 13：开发进度区块直接落在白底页面上，无卡片
   padding: 0;
 
+  // 分割线 317 → 标题 box 321
   &__title {
     .section-title();
-    // 设计 13：竖条 4×20 设计px、文字 15 设计px/700，条→文间距 8 设计px
-    padding-left: 9px;
-    font-size: 12px;
+    margin-top: 4px;
+    padding-left: 12px;            // 文字落 x82 = 内容区 x70 + 12
+    font-size: 15px;
     font-weight: 700;
+    line-height: 20px;
 
     &::before {
-      width: 3px;
-      height: 15px;
+      width: 4px;
+      height: 20px;
     }
   }
 
-  // 设计 13：正文与容器左缘对齐（只有标题被竖条顶出一级）
+  // 标题盒 321..341 → 「总体进度」盒 370（12/16）
   &__head {
-    .flex(row, space-between, center);
-    margin-top: 20px;
+    .flex(row, space-between, baseline);
+    margin-top: 29px;
   }
 
   &__label {
     font-size: 12px;
+    line-height: 16px;
+    color: @project-label;
   }
 
-  // 设计 13：「65%」20 设计px × 0.77 ≈ 15px / 700
+  // 「65%」20/700：ink 364 → 行盒 361，相对 head 行顶 370 上移 9
   &__percent {
-    font-size: 15px;
+    margin-top: -9px;
+    font-size: 20px;
     font-weight: 700;
+    line-height: 26px;
     color: @project-accent;
   }
 
+  // 说明盒 370..386 → 轨道顶 402
   &__track {
     position: relative;
-    height: 5px;
-    margin: 12px 0 0;
+    height: 6px;
+    margin: 14px 0 0;
     border-radius: @radius-round;
     background: @project-track;
   }
@@ -94,25 +103,13 @@ function clampPercent(value: number): number {
     transition: width 0.3s;
   }
 
-  // 设计 13：末端白底蓝环圆点 ≈15 设计px × 0.77
-  &__knob {
-    position: absolute;
-    top: 50%;
-    width: 12px;
-    height: 12px;
-    border: 2px solid @project-accent;
-    border-radius: @radius-round;
-    background: @white;
-    transform: translate(-50%, -50%);
-    box-sizing: border-box;
-  }
-
+  // 轨道底 408 → 起止时间盒 418（11/15，ink 420）
   &__range {
     .flex(row, space-between, center);
     margin-top: 10px;
     font-size: 11px;
-    // 设计 13：起止时间 (156,163,175)
-    color: @text-color-disabled;
+    line-height: 15px;
+    color: @project-muted;
   }
 }
 </style>