Просмотр исходного кода

feat(admin): 后台列表全局密度升级(一页多显示 15-20% 行)

- 第2节全局 + 第3节 .main-wrapper 两套 .el-table 规则同步收紧:
  表头 th 46→36px、行内距 td 12→6px、单元格左右 16→10px、表内字号 14→13px
- 空态 __empty-text 字号 14→13px(随表内字号,颜色不变)
- 分页 padding-top 16→10px(收紧一格)
- 新增 .el-dialog 弹窗表格覆盖(append-to-body 挂到 body,.main-wrapper 作用域够不着)
- 全部复用既有 --adm-* 令牌,无新增裸色值
Agnes Agent 3 часов назад
Родитель
Сommit
a1383c689f
1 измененных файлов с 15 добавлено и 9 удалено
  1. 15 9
      cfc-web/src/styles/admin-tokens.css

+ 15 - 9
cfc-web/src/styles/admin-tokens.css

@@ -207,11 +207,17 @@
 .el-card__body { padding: 24px; }
 .el-card__body { padding: 24px; }
 
 
 /* ---- 表格(基线;页面内更精细的规则见第 3 节) ---- */
 /* ---- 表格(基线;页面内更精细的规则见第 3 节) ---- */
-.el-table { font-size: 14px; color: var(--adm-text-88); }
+.el-table { font-size: 13px; color: var(--adm-text-88); }
 .el-table th { background-color: var(--adm-bg-header) !important; color: var(--adm-text-88); font-weight: 500; }
 .el-table th { background-color: var(--adm-bg-header) !important; color: var(--adm-text-88); font-weight: 500; }
 .el-table td,
 .el-table td,
 .el-table th.is-leaf { border-color: var(--adm-border-split); }
 .el-table th.is-leaf { border-color: var(--adm-border-split); }
-.el-table__empty-text { color: var(--adm-text-45); font-size: 14px; }
+.el-table__empty-text { color: var(--adm-text-45); font-size: 13px; }
+
+/* ---- 弹窗内表格:复用行密度(el-dialog 默认 append-to-body 挂到 body,.main-wrapper 作用域够不着) ---- */
+.el-dialog .el-table { font-size: 13px; }
+.el-dialog .el-table th { height: 36px; padding: 0; }
+.el-dialog .el-table__body td { padding: 6px 0; }
+.el-dialog .el-table .cell { padding-left: 10px; padding-right: 10px; }
 
 
 /* ---- 分页 ---- */
 /* ---- 分页 ---- */
 .el-pagination { font-weight: 400; color: var(--adm-text-65); }
 .el-pagination { font-weight: 400; color: var(--adm-text-65); }
@@ -282,11 +288,11 @@
   margin: 24px 0 12px; line-height: 1.4;
   margin: 24px 0 12px; line-height: 1.4;
 }
 }
 
 
-/* ---- 表格:表头浅底 46px、行内距 12px、单元格左右 16px ---- */
-:where(.main-wrapper) .el-table { font-size: 14px; border-radius: var(--adm-radius-card); }
-:where(.main-wrapper) .el-table th { background-color: var(--adm-bg-header) !important; color: var(--adm-text-88); font-weight: 500; height: 46px; padding: 0; }
-:where(.main-wrapper) .el-table td { padding: 12px 0; }
-:where(.main-wrapper) .el-table .cell { padding-left: 16px; padding-right: 16px; }
+/* ---- 表格:表头浅底 36px、行内距 6px、单元格左右 10px(全局密度升级:一页多显示 ~15-20% 行) ---- */
+:where(.main-wrapper) .el-table { font-size: 13px; border-radius: var(--adm-radius-card); }
+:where(.main-wrapper) .el-table th { background-color: var(--adm-bg-header) !important; color: var(--adm-text-88); font-weight: 500; height: 36px; padding: 0; }
+:where(.main-wrapper) .el-table td { padding: 6px 0; }
+:where(.main-wrapper) .el-table .cell { padding-left: 10px; padding-right: 10px; }
 :where(.main-wrapper) .el-table--border,
 :where(.main-wrapper) .el-table--border,
 :where(.main-wrapper) .el-table--group { border-color: var(--adm-border-split); }
 :where(.main-wrapper) .el-table--group { border-color: var(--adm-border-split); }
 :where(.main-wrapper) .el-table td,
 :where(.main-wrapper) .el-table td,
@@ -313,8 +319,8 @@
 :where(.main-wrapper) .adm-status--error { background: var(--adm-error-bg); color: var(--adm-error-text); }
 :where(.main-wrapper) .adm-status--error { background: var(--adm-error-bg); color: var(--adm-error-text); }
 :where(.main-wrapper) .adm-status--default { background: var(--adm-fill); color: var(--adm-text-65); }
 :where(.main-wrapper) .adm-status--default { background: var(--adm-fill); color: var(--adm-text-65); }
 
 
-/* ---- 分页:右下角 ---- */
-:where(.main-wrapper) .el-pagination { padding: 16px 0 0; text-align: right; font-weight: 400; flex-shrink: 0; }
+/* ---- 分页:右下角(密度收紧一格) ---- */
+:where(.main-wrapper) .el-pagination { padding: 10px 0 0; text-align: right; font-weight: 400; flex-shrink: 0; }
 
 
 /* ---- 表单 ---- */
 /* ---- 表单 ---- */
 :where(.main-wrapper) .el-form-item__label { font-size: 14px; color: var(--adm-text-65); font-weight: 500; }
 :where(.main-wrapper) .el-form-item__label { font-size: 14px; color: var(--adm-text-65); font-weight: 500; }