Commit Graph
6 Commits
Author SHA1 Message Date
cqh963852 ce6f6b05dd design: 路线图重构为线条构件版——六原语 + 曲线分流并线
- 新增 <RouteLine/> 线条组件展区:segment/elbow/curve/fork/merge/station 六原语逐一展示
- 组合总图改贝塞尔曲线:快速开始 → 分流岔口(React 线/示例线)→ 「更多」曲线并线 → 全栈基础 → 高级教程
- 网状关系在路线内以岔口/并线表达(原则2:岔口即分支)
- Args 改 path/forks/merges/stations;修复 linecard SVG fill 选择器与右列面板叠压
2026-10-02 18:20:40 +08:00
cqh963852 c7f17fc323 design: 关系图改为旅程路线——重读参考图核心设计目标
- 重读参考图:连线是点串点的连续自上而下干线(站点圆点悬浮卡间槽内),
  便签式错落卡片、无箭头无分叉;线只管顺序、状态在卡上(低视觉音量配角)
- P7 重做:indigo 虚线干线 + 六站点 + 两列错落卡(个别微旋转)+ 状态徽回卡;
  网状前置/关联明确移交卡片 chips 与 EntryGuide
- Args 改 path/stations/status/entryPoints;图例与说明面板同步
- 修复:Chromium 打印空白尾页(合并只取首页);恢复被误删的 EntryGuide 页
  及其页码;清除 P7 内混入的重复面板
2026-10-02 15:11:45 +08:00
cqh963852 f7263d79d2 design: 关系图连线复刻参考稿虚线规格
- 读参考图实测:细长划虚线(划/隙≈2:1)、灰色、水平垂直折线小圆角、无箭头无端点、直抵卡边
- 前置=深灰虚线、关联=浅灰虚线,方向由布局流向(左→右)表达
- 图例/描述/Args 口径同步;几何验证 0 穿卡、两端贴边(≤6px)
2026-10-02 14:23:29 +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