Polish static UI flows
This commit is contained in:
@@ -467,6 +467,18 @@ Disabled: 底 `--black-alpha-5` + 边 `--black-alpha-12` + 半透明。
|
||||
- 行间 1 px 分隔(`--border-faint`),最后行去
|
||||
- Hover: `--black-alpha-4` 底色
|
||||
|
||||
#### §4.7.1 表格(`table.t` / 数据表)
|
||||
|
||||
**适用:** 项目列表 / 任务中心 / 成员表 / 消费流水等需要横向扫描的数据表。
|
||||
|
||||
- 外层只保留 1 px `--border-muted` + 8 px 圆角,形成清楚容器边界
|
||||
- 表头保留 1 px `--border-muted` 下分割线,表头底色用 `--background-lighter`
|
||||
- **tbody 行与行之间不画横向分割线**;用 `padding`、留白、hover 底色区分行
|
||||
- 行 hover 只用 `--black-alpha-4`,不加阴影、不换 hue
|
||||
- 表格内状态优先用 `.pill-l2` / `.pill`,行末操作用 `.btn-sm` 或 icon button
|
||||
|
||||
**禁:** 表格 tbody 每行密集 `border-bottom`、双层外框、白色/裸 hex 边框、用强阴影分隔行。
|
||||
|
||||
### §4.8 Tabs(主 / 副)
|
||||
|
||||
**主 Tab(下划线激活):**
|
||||
|
||||
Reference in New Issue
Block a user