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 |
|
cqh963852
|
2f5e05dedb
|
design: 设计稿 v2——复刻 Learning Plan Dashboard 视觉语言
- 黑顶栏/米白底/统计卡行/双列课程卡/高亮媒体播放卡/右侧彩色事件栏
- hover 态 = 白卡翻淡彩媒体卡 + 黑色圆形播放钮 + ⏱ 胶囊(复刻原稿播放器)
- tokens 更新:骨架色 + 淡彩底 + 课程色→淡彩映射
- visual-judge 验收 5/5(P2 卡区溢出经数值定位后修复)
|
2026-10-02 10:02:22 +08:00 |
|
cqh963852
|
714210cc87
|
design: 课程书架设计稿(5 页横版 PDF + HTML 源 + 可复现构建脚本)
- 设计稿:封面 / 整体布局 / 卡片解剖与悬停态 / 交互与 GIF 资产规范 / 设计 tokens
- visual-judge 视觉验收 5/5 通过(四轮迭代:fixed 布局改走 html2poster 单页渲染)
- build.sh 固化 拆页→渲染→合并 管线,single/ 中间产物已忽略
|
2026-10-02 07:58:05 +08:00 |
|