cqh963852
|
239891fb17
|
design: 站点贴卡边锚定 + 六原语上/卡实例下重排,修列内双卡重叠
|
2026-10-02 21:06:19 +08:00 |
|
cqh963852
|
f2967123c4
|
design: 路线线条改横平竖直——正交走线 + R8 小圆角,直角步进替代大弧
|
2026-10-02 20:35:27 +08:00 |
|
cqh963852
|
ea11b1138f
|
design: 路线图第三轮——线色改鼠尾草绿(105°实测)、细密点划、弯道全圆弧无斜线、总图换大号 CourseCard 实例
|
2026-10-02 20:29:15 +08:00 |
|
cqh963852
|
663f39c583
|
design: 路线线条对齐参考稿观感——灰绿降饱和、站点缩小加深、修六原语画布溢出
|
2026-10-02 19:55:22 +08:00 |
|
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
|
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 |
|
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 |
|