docs: define training task restore button design

dev-QQq
chenyuan 4 weeks ago
parent d3aaeb39b2
commit 37d4d184bc

@ -0,0 +1,27 @@
# 实训任务恢复按钮视觉优化设计
## 目标
优化教师端“恢复本班全部默认任务”按钮,使其在深色科技风界面中保持清晰的危险操作语义,同时与查询、学生端讲解等常规操作形成明确层级。
## 视觉方向
采用“危险操作胶囊”风格:深红半透明底色、红色描边、恢复图标和克制的红色光晕。该按钮仍使用危险色,避免把会覆盖班级任务配置的操作误识别为普通功能。
## 交互与可访问性
- 按钮保留现有确认弹窗和恢复接口,不改变任何业务逻辑。
- 使用 `aria-label` 补充危险操作描述。
- 默认、悬停、键盘聚焦和加载状态均有可辨识视觉反馈。
- 颜色对比满足深色背景下的可读性;窄屏下按钮与工具栏正常换行。
## 实现范围
- 在教师端实训任务页为“恢复本班全部默认任务”添加专用样式类与恢复图标。
- 对抽屉中的“恢复此任务默认内容”复用同一危险按钮风格,保持语义一致。
- 增加静态回归测试,锁定危险按钮类、可访问性标签和关键样式状态。
## 非目标
- 不修改恢复确认、接口调用、任务数据或权限规则。
- 不改变其他普通按钮的颜色和布局。
Loading…
Cancel
Save