优化
This commit is contained in:
@@ -42,6 +42,7 @@
|
||||
| 普通指标卡高度 | `--workbench-metric-min-height: 186px`;长内容可自然撑高,紧凑指标不继承此最小高度 |
|
||||
| 空间 | 外壳内容区上/左右 12px、底部 16px;工作台根内边距 `--workbench-page-padding: 12px`;区块间距仍为 24px,普通卡片内边距 20px、紧凑卡片内边距 14px、同级网格间距 18px |
|
||||
| 主列表顶部 | 工具栏最小高度 48px、上下内边距 6px;筛选区上下 8px;两区左右统一 12px,普通按钮与筛选控件 32px;内容多时自然换行,不截断或固定总高度 |
|
||||
| 主列表底部分页 | 最小高度 48px(border-box)、上下内边距 6px、左右 12px,与筛选区对齐;保留 32px 翻页按钮和长统计换行,不沿用集成列表旧的 64px 高度、14px 上下留白 |
|
||||
| 文字层级 | 页标题 24px、分区标题 18px、普通指标名称 15px、重点数字 34px、紧凑指标数字 26px |
|
||||
| 辅助色 | 青、绿、紫、黄、红用于图标、分区与真实状态,不能代替状态文字 |
|
||||
|
||||
@@ -59,6 +60,8 @@
|
||||
|
||||
主列表不要叠加“重复路由标题行 → 分类页签行 → 按钮行”。有同级分类/状态页签时,将原页签移入 DataTable 的 `toolbar-start`,原按钮留在 `toolbar-actions`/`toolbar-end`,筛选留在 `filters`;页签使用 `workbench-list-tabs` 清除重复外框和内边距。无页签时保留紧凑标题与按钮行。真实业务子分区、统计数量、加载失败与当前范围继续保留,不因减高消失。工具栏与筛选共用 `--workbench-list-inset`,页面不再额外增加左右偏移;表格单元格仍由原密度规范管理。
|
||||
|
||||
2026-10-21 用户截图补充:主列表顶部第一个状态页签与下方审核分区对齐,公共样式抵消工具栏重复叠加的 12px 缩进;页签前有返回按钮时保留按钮与页签间距,嵌套表格不套该偏移。标准 DataTable 使用组件默认斑马纹,按销量分析样板呈现浅灰、白色交替,不再由业务页显式关闭。行底色复用 `--admin-row-stripe`,悬停行、当前行和悬停单元格交回 Element 对应状态样式;父表行底色不穿透内嵌表格。
|
||||
|
||||
## 信息层级与渐进披露
|
||||
|
||||
页面常驻内容以**关键标题、数值、简短状态和操作**为主。老板已明确不希望页面堆满提示文字;以下规则用于组织实际业务信息,不能把本规范逐条搬成页面说明。
|
||||
|
||||
Reference in New Issue
Block a user