2.6 KiB
2.6 KiB
暗金荒野任务卡运行态动画
目标
仅在 wasteland / 暗金荒野 主题下，让任务看板中真实运行的卡片具备清晰、克制的卡片级动画；运行态继续与动态任务列完全独立。
阶段
- 1. 锁定运行态数据与暗金荒野样式边界
- 2. 写出运行态卡片标记和动画契约红灯
- 3. 实现布尔运行态标记和主题专属卡片动画
- 4. 运行专项与完整回归
- 5. 用真实浏览器检查运行/未运行和减少动态效果
- 6. 检查首次重启门禁
- 7. 按反馈移除卡片本体泛光并保留左侧轨迹
- 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 周期移动，减少动态效果时静止。