From 37d4d184bc44a9f60d48792ce9216a8f4c6c403d Mon Sep 17 00:00:00 2001 From: chenyuan Date: Fri, 31 Jul 2026 09:15:14 +0800 Subject: [PATCH] docs: define training task restore button design --- ...-31-training-task-restore-button-design.md | 27 +++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 docs/superpowers/specs/2026-07-31-training-task-restore-button-design.md diff --git a/docs/superpowers/specs/2026-07-31-training-task-restore-button-design.md b/docs/superpowers/specs/2026-07-31-training-task-restore-button-design.md new file mode 100644 index 0000000..9923029 --- /dev/null +++ b/docs/superpowers/specs/2026-07-31-training-task-restore-button-design.md @@ -0,0 +1,27 @@ +# 实训任务恢复按钮视觉优化设计 + +## 目标 + +优化教师端“恢复本班全部默认任务”按钮,使其在深色科技风界面中保持清晰的危险操作语义,同时与查询、学生端讲解等常规操作形成明确层级。 + +## 视觉方向 + +采用“危险操作胶囊”风格:深红半透明底色、红色描边、恢复图标和克制的红色光晕。该按钮仍使用危险色,避免把会覆盖班级任务配置的操作误识别为普通功能。 + +## 交互与可访问性 + +- 按钮保留现有确认弹窗和恢复接口,不改变任何业务逻辑。 +- 使用 `aria-label` 补充危险操作描述。 +- 默认、悬停、键盘聚焦和加载状态均有可辨识视觉反馈。 +- 颜色对比满足深色背景下的可读性;窄屏下按钮与工具栏正常换行。 + +## 实现范围 + +- 在教师端实训任务页为“恢复本班全部默认任务”添加专用样式类与恢复图标。 +- 对抽屉中的“恢复此任务默认内容”复用同一危险按钮风格,保持语义一致。 +- 增加静态回归测试,锁定危险按钮类、可访问性标签和关键样式状态。 + +## 非目标 + +- 不修改恢复确认、接口调用、任务数据或权限规则。 +- 不改变其他普通按钮的颜色和布局。