feat ui设计稿bug修复

src/views/project/detail.vue

@@ -131,7 +131,9 @@ onMounted(load)
     </nav>
 
     <template v-if="current">
-      <ProjectInfoCard :project="current" />
+      <div class="project-detail__info">
+        <ProjectInfoCard :project="current" />
+      </div>
 
       <!-- 本地 Tab 切换（设计稿：文字 + 激活项下划线） -->
       <div class="project-detail__tabs">
@@ -204,47 +206,55 @@ onMounted(load)
 </template>
 
 <style lang="less" scoped>
+// 设计稿实测（1920 画布，1:1，以 785b3eb8 / 843103b2 / ef0166c6 三张同基准稿为准）：
+// 面包屑 ink (70,116) 24/500 #666666；信息块 logo (70,196) 64×64、标题 ink (142,212) 19/700、
+// 字段行 ink (142,245) 11px；页签行 278..318，文字 ink 278、激活蓝 #024FFF/600、常规 #4B5563/400，
+// 节距 86；分割线 (70,317) 1780×1 #F0F1F3；页脚 (0,1811) 1920×481 #0C1321。
 .project-detail {
-  // ⚠️ mixin 签名是 .flex(@direction; @justify; @align) —— 第二参是 justify、**第三参才是 align**。
-  // 原来只传两参 ⇒ align 取默认的 center ⇒ 纵向容器里所有卡片被压成内容宽度、水平居中（380px 窄条）。
   .flex(column, flex-start, stretch);
-  gap: @spacing-base;
-  padding-top: @spacing-lg;
-  padding-bottom: @spacing-xxl;
-  // 设计 09/10/11/13：详情内容区是整片白底、无卡片（蓝湖实测页面底 #FFFFFF）
+  gap: 0;
   background: @white;
 
-  // 面包屑（设计 24px × 0.77 ≈ 18px，#666666，字重 500）
+  // 顶栏底 72 → 面包屑 ink 116（24px/27 行盒 → box 111.5，约 +40）
   &__breadcrumb {
-    font-size: 18px;
+    padding-top: 40px;
+    font-size: 24px;
     font-weight: 500;
+    line-height: 27px;
     color: @project-breadcrumb;
   }
 
-  // 设计稿：页签无白底容器，仅一行文字 + 激活项下划线，下缘 1px 通栏分割线；
-  // 首个页签文字与内容区左缘对齐（间距 = 86 设计px 节距 − 文字宽 ≈ 22px）
+  // 面包屑块 72..139 → 信息块顶 195（logo 196）
+  &__info {
+    margin-top: 56px;
+  }
+
+  // 信息块底 262 → 页签行顶 276..317（分割线在 317）
   &__tabs {
     .flex(row, flex-start, center);
-    gap: 22px;
+    gap: 16.45px;                  // 文字宽 69.55，节距 86 → 间距 86 − 69.55
+    height: 41px;
+    margin-top: 14px;
+    box-sizing: border-box;
     border-bottom: 1px solid @project-divider;
   }
 
   &__tab {
     position: relative;
-    padding: 0 0 16px;
+    padding: 0 0 24px;             // 文字 box 0..17、下划线落 41
     border: none;
     background: transparent;
-    color: @text-color;
-    font-size: 11px;
+    color: @project-cell;
+    font-size: 13px;
     font-weight: 400;
-    line-height: 14px;
+    line-height: 17px;
+    cursor: pointer;
     transition: color 0.2s;
 
     &:hover {
       color: @project-accent;
     }
 
-    // 刷新中：轻微变淡 + 进度光标（本地接口很快，做太重的 loading 反而闪屏）
     &.is-loading {
       opacity: 0.6;
       cursor: progress;
@@ -261,7 +271,6 @@ onMounted(load)
         bottom: 0;
         left: 0;
         height: 2px;
-        border-radius: 1px;
         background: @project-accent;
       }
     }
@@ -270,7 +279,7 @@ onMounted(load)
   &__empty {
     padding: @spacing-xxl 0;
     text-align: center;
-    font-size: @font-size-base;
+    font-size: @font-size-body;
   }
 }
 </style>