style(#90): BI 令牌化、无障碍与信息架构优化 #91

Merged
Lijianping merged 1 commit from style/90-bi-polish into main 2026-11-02 14:06:09 +08:00
Collaborator

变更摘要

  • tokens.css 新增 .bi-viewport 作用域令牌;面板主色/状态/工单/字号改 var()
  • 次级文字改 --bi-text-2/3;日/月/年 Tab 改为可聚焦 button + 方向键;prefers-reduced-motion 降级动效与自动滚动
  • 「报警分析」改名「测点状态」;设备块收敛为合计 hero + 四格;移除 wo-bolt;工单增加圆环×条形关系说明

关联 Issue:#90

自测步骤

  1. 打开 /bi:左栏「测点状态」、设备区更简洁、工单无塔形光束且有说明文案
  2. Tab:键盘方向键切换日/月/年,可见 :focus-visible 环
  3. 系统开启「减少动态效果」后,列表不自动滚、环比箭头不滚动动画
  4. 浏览器开发者工具确认关键色来自 CSS 变量

文档影响

工作区 docs/BI驾驶舱UI评审与优化方案.md 概览段已同步(不在本仓)。

## 变更摘要 - `tokens.css` 新增 `.bi-viewport` 作用域令牌;面板主色/状态/工单/字号改 `var()` - 次级文字改 `--bi-text-2/3`;日/月/年 Tab 改为可聚焦 `button` + 方向键;`prefers-reduced-motion` 降级动效与自动滚动 - 「报警分析」改名「测点状态」;设备块收敛为合计 hero + 四格;移除 `wo-bolt`;工单增加圆环×条形关系说明 关联 Issue:#90 ## 自测步骤 1. 打开 `/bi`:左栏「测点状态」、设备区更简洁、工单无塔形光束且有说明文案 2. Tab:键盘方向键切换日/月/年,可见 `:focus-visible` 环 3. 系统开启「减少动态效果」后,列表不自动滚、环比箭头不滚动动画 4. 浏览器开发者工具确认关键色来自 CSS 变量 ## 文档影响 工作区 `docs/BI驾驶舱UI评审与优化方案.md` 概览段已同步(不在本仓)。
style(#90): BI 令牌化、无障碍与信息架构优化
All checks were successful
CI / frontend-build (pull_request) Successful in 28s
a6fbe7c7f2
Co-authored-by: Cursor <cursoragent@cursor.com>
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
jiaoce/xm_txys2_front!91
No description provided.