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
|
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
|
1480938493
|
fix: 组件稿 P3 速查面板与上方画布补 16px 边距
|
2026-10-02 10:28:56 +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 |
|