Commit Graph
5 Commits
Author SHA1 Message Date
cqh963852 c7f17fc323 design: 关系图改为旅程路线——重读参考图核心设计目标
- 重读参考图:连线是点串点的连续自上而下干线(站点圆点悬浮卡间槽内),
  便签式错落卡片、无箭头无分叉;线只管顺序、状态在卡上(低视觉音量配角)
- P7 重做:indigo 虚线干线 + 六站点 + 两列错落卡(个别微旋转)+ 状态徽回卡;
  网状前置/关联明确移交卡片 chips 与 EntryGuide
- Args 改 path/stations/status/entryPoints;图例与说明面板同步
- 修复:Chromium 打印空白尾页(合并只取首页);恢复被误删的 EntryGuide 页
  及其页码;清除 P7 内混入的重复面板
2026-10-02 15:11:45 +08:00
cqh963852 47f1549a0b design: 课程白卡加 16:9 预期区,desc 定时自动翻转播放 GIF
- 白卡结构:图标+标题行 → 16:9 预期区(desc 常驻)→ 关系 chips → 状态行
- 翻转规则:定时 8s(flipInterval 可配)desc ⇄ GIF;hover/Tab 即时翻转并锁定;触屏/减动效不翻转
- 组件稿 P4 六变体重排(3×2,比例实测 1.78)、P5 播放态 512×288、目录口径更新
- 整页稿 P3 解剖同步(编号 1-4/5-7 与 pin 对齐)、P4 时序/触发矩阵改翻转口径
2026-10-02 14:36:11 +08:00
cqh963852 d32cd062c8 design: 组件稿补关系组合——CourseGraph 关系图与 EntryGuide 入口梳理
- <CourseGraph/>:6 节点知识网,实线=前置/虚线=关联,①②③ 读者入口(skill:知识是网、教程是索引)
- <EntryGuide/>:三类读者画像卡(零基础/有前端经验/补工程思维)→ 起点与路径推荐,路径非强制(skill 死原则)
- CourseCard Args 拆 prerequisites/related,chips 实/虚线与图边一一对应
- 目录页 10 组件/9 页,组装页组件树补映射
- 关系为示例占位,正式关系填 courses.ts 后图自动更新
2026-10-02 13:55:16 +08:00
cqh963852 5cd454b729 design: 设计稿去渐变——头像圆统一纯色 #6366F1 2026-10-02 10:26:55 +08:00
cqh963852 ddd6ea2254 design: 设计稿拆分为 Storybook 式组件设计稿(7 页)
- 8 组件独立成页:TopBar/IconRail/SearchPill、Atoms(Pill/CircleButton/Chip/IconTile)、
  CourseCard(6 变体+Args)、CourseCardMedia(播放器规格+状态转换)、
  StatsRow/EventsPanel(Args+数据源)、DashboardPage 组装页(组件→实现文件映射)
- build.sh 参数化支持多目标构建,single*/ 中间产物忽略
- visual-judge 验收 7/7(P3 面板压页脚、P5 色块溢出画布,均数值定位后修复)
2026-10-02 10:14:35 +08:00