Explorar el Código

feat(frontend): 新增 v2 信息架构重构 token(表格/工具栏/状态点/区段带)

wangkangyjy hace 1 mes
padre
commit
ffd3797561
Se han modificado 1 ficheros con 36 adiciones y 0 borrados
  1. 36 0
      frontend/src/styles/theme.css

+ 36 - 0
frontend/src/styles/theme.css

@@ -73,6 +73,42 @@
   --el-color-primary-light-9: #e2def6;
   --el-color-primary-dark-2: var(--color-brand-strong);
   --el-border-radius-base: var(--radius-sm);
+
+  /* ===== v2 增量 token(信息架构重构,只增不改)===== */
+
+  /* 数据表格系统 */
+  --table-row-height: 40px;
+  --table-row-height-compact: 32px;
+  --table-header-bg: var(--color-surface-subtle, #f8fafc);
+  --table-row-hover: var(--color-surface-muted, #f3f6f9);
+  --table-row-group-bg: var(--color-surface-tint-brand, rgba(43, 31, 153, 0.03));
+  --table-border: var(--color-border-soft, #edf2f6);
+
+  /* 工具栏顶栏(替代 page-hero)*/
+  --toolbar-height: 48px;
+  --toolbar-bg: var(--color-surface-subtle, #f8fafc);
+  --toolbar-border: var(--color-border, #dfe7ee);
+
+  /* 状态色点(替代 effect="dark" round tag)*/
+  --dot-size: 6px;
+
+  /* 区段色带标题 */
+  --section-band-bg: var(--color-surface-tint-info, rgba(58, 212, 216, 0.08));
+  --section-band-color: var(--color-medical, #0d7a5f);
+  --section-band-font-size: 11px;
+  --section-band-letter-spacing: 0.3px;
+
+  /* 大写小字标签(表头/字段名)*/
+  --label-uppercase: uppercase;
+  --label-letter-spacing: 0.5px;
+  --label-font-size: 10px;
+
+  /* 侧边栏 v2 加深 */
+  --color-sidebar-bg: #1d166b;
+
+  /* 登录页品牌区渐变 */
+  --color-login-brand-from: #1d166b;
+  --color-login-brand-to: #120d4a;
 }
 
 * {