37 lines
2.6 KiB
Markdown
37 lines
2.6 KiB
Markdown
# 暗金荒野任务卡运行态动画
|
||
|
||
## 目标
|
||
|
||
仅在 `wasteland / 暗金荒野` 主题下，让任务看板中真实运行的卡片具备清晰、克制的卡片级动画；运行态继续与动态任务列完全独立。
|
||
|
||
## 阶段
|
||
|
||
- [x] 1. 锁定运行态数据与暗金荒野样式边界
|
||
- [x] 2. 写出运行态卡片标记和动画契约红灯
|
||
- [x] 3. 实现布尔运行态标记和主题专属卡片动画
|
||
- [x] 4. 运行专项与完整回归
|
||
- [x] 5. 用真实浏览器检查运行/未运行和减少动态效果
|
||
- [x] 6. 检查首次重启门禁
|
||
- [x] 7. 按反馈移除卡片本体泛光并保留左侧轨迹
|
||
- [x] 8. 重新运行专项、回归与真实浏览器验收
|
||
- [ ] 9. 再次检查重启门禁并让修改生效（进行中）
|
||
|
||
## 设计约束
|
||
|
||
- 只使用服务端明确下发的 `isRunning` 布尔值，不匹配“运行中”等文案。
|
||
- 卡片写入 `data-runtime-state="running|idle"`，任务列 `data-status-id` 保持不变。
|
||
- 运行中卡片本体与未运行卡片保持相同静态背景、边框和阴影，只保留左侧竖条与活动轨迹；内容和几何位置不抖动。
|
||
- 未运行卡片保持静态；其他主题不应用该动画。
|
||
- `prefers-reduced-motion: reduce` 下退化为静态高亮。
|
||
- 不增加图片资产，不改变前端布局、任务状态或服务端业务逻辑。
|
||
|
||
## 错误记录
|
||
|
||
- 2026-08-13：此前 `pm2 restart ccweb --update-env` 在执行时被用户新消息中断，重启未完成。
|
||
- 2026-08-13：前端专项红灯退出 1，准确失败在缺少暗金荒野真实运行卡片选择器。
|
||
- 2026-08-13：Firefox 真实验收通过。正常动效下运行卡片动画名为 `ccweb-task-board-wasteland-runtime-card`（2.8s），边缘轨迹动画名为 `ccweb-task-board-wasteland-runtime-tracer`；6 次采样中轨迹移动超过 135px，卡片 x/y/宽高最大误差小于 0.5px。
|
||
- 2026-08-13：未运行卡片 animation 为 `none`；`prefers-reduced-motion` 下运行卡片、轨迹点和徽标圆点均为 `none`，但保留静态金色边框；1024px 和 500px 视口页面 scrollWidth 均等于 viewport width。
|
||
- 2026-08-13：重启门禁检查发现除当前对话外，`94dba3ea-62cb-45df-bdc5-41623832b2c6` 仍为 running；按仓库规则暂不执行 `pm2 restart ccweb --update-env`。临时 TODO CSV 因最后一步未完成而保留。
|
||
- 2026-08-13：用户确认左侧竖条可以保留，但整张卡片呼吸背景与泛光过于花哨；返工为仅左侧轨迹表达运行态。
|
||
- 2026-08-13：收敛版 Firefox 复验通过。运行/未运行卡片的背景、边框、阴影完全一致且卡片动画均为 `none`；左侧轨迹仍以 2.8s 周期移动，减少动态效果时静止。
|