6.4 KiB
6.4 KiB
备考中枢 - 画布排布整理 & PC 端原型同步
完成时间
2026-08-25 18:16
任务概述
用户要求整理画布排布,并同步 PC 端原型。共两项任务,均已完成。
任务 1:整理画布排布
原 18 页横排在 x=0~9310 一条线上,杂乱无章。现按逻辑分区重排为 4 排:
第一排——主 Tab 页(y=0) 按底部 TabBar 5 tab 顺序排布,其中「刷题」用 3 帧体现三段切换:
- 首页 0 → 刷题·刷题 470 → 刷题·错题本 940 → 刷题·申论 1410 → 要闻 1880 → 分析 2350 → 计划 2820 → 我的 3290
第二排——二级页面(y=944)
- 刷题作答 0 → 作答结果 470 → AI讲解 940 → 错题详情 1410 → 模考录入 1880 → 申论编辑 2350 → 周报复盘 2820
第三排——桌面端(y=1888)
- 题库录入 0 → 数据中枢 2360
第四排——空状态 + 组件(y=3028)
- 空状态·错题本 0 → 空状态·模考分析 470 → 空状态·计划 940 → TabBar 组件 1880
无重叠,分组逻辑清晰。
任务 2:PC 端原型同步
桌面端侧边栏导航组1 原为 6 项(数据中枢 / 刷题 / 错题本 / 模考分析 / 申论 / 备考计划),与移动端重构后的 5 tab 语义不一致。已同步:
- 删除「错题本」「申论」独立导航项——二者已并入「刷题」,不再单列
- 「刷题」改名「刷题中心」——体现合并后职责
- 补充「要闻」「我的」导航项——对齐移动端 5 tab(首页 / 刷题 / 要闻 / 分析 / 我的)
- 修正「数据中枢」误高亮——非当前页(当前为题库管理),修正为未选中态
验证
截图确认:刷题三帧、申论帧、TabBar 高亮、桌面两页均正常,无布局问题、无裁剪。
后续可优化项
- 桌面端「刷题中心」「要闻」「我的」导航项图标仍是复制来的占位分析图标,语义不够精准,可后续用更贴合语义的矢量图标替换。
2026-08-26 追加:用户反馈修正(桌面端一致性)
用户反馈
- 数据中枢页缺左侧菜单 → 桌面页应一致
- 刷题中心未像 mobile 一样区分三段
- 错题本、申论去哪了(缺失)
- 数据导入导出完全多余 → 去掉
处理
- 数据中枢补侧边栏:克隆题库录入侧边栏,高亮聚焦「数据中枢」,移除「数据导入导出」。
- 刷题中心补三态分段切换:新增「刷题 / 错题本 / 申论」分段控件(选中
$3:6),并新增两个独立状态帧:- 错题本态(48:8):错因分布卡 + 最近错题 2 卡
- 申论态(48:170):评分卡(四维)+ 写一篇 + 历史习作 2 卡
- 删除数据导入导出页(45:585),并从全部桌面页侧边栏移除该导航项。
结果
- 桌面端共 10 帧,全部分区:题库录入 / 数据中枢 / 刷题中心(刷题、错题本、申论三态) / 模考分析 / 备考计划 / 要闻 / 我的 / 设置。
- 全部标注页截图验证通过,侧边栏统一为 数据中枢/刷题中心/模考分析/备考计划/要闻/我的 + 题库管理/设置。
2026-08-26 追加:刷题中心改为侧边栏二级子菜单
用户反馈
pc端的刷题中心不需要做成tab了,拆成三个二级子菜单吧
即取消页内「刷题 / 错题本 / 申论」分段 tab,改为侧边栏中「刷题中心」父项下挂 3 个二级子菜单。
处理
- 新建可复用组件「刷题中心子菜单 组件」(51:1):父项头行(icon + 刷题中心 + 展开箭头)+ 3 个二级子项(刷题 / 错题本 / 申论,左缩进 36,高 32 圆角 8)。
- 替换全部 10 个桌面页侧边栏的单个「刷题中心」导航项为该组件实例,置于「数据中枢」之后、index 1。
- 高亮态:当前页所属子项填充
$3:6+ 白色文字;父项标题文字同步置$3:6。刷题态高亮「刷题」、错题本态高亮「错题本」、申论态高亮「申论」,其余中性页无子项高亮。 - 删除 三页页内分段切换控件(48:1 / 48:15 / 48:177)。
结果
- 侧边栏导航组1 现为:数据中枢 / 刷题中心(▾ 刷题·错题本·申论) / 模考分析 / 备考计划 / 要闻 / 我的。
- 全部 10 页截图验证通过;桌面端全页 PNG + PDF 概览已更新到
deliverables/prototype/。
2026-08-26 追加:侧边栏整体组件化(与 TabBar 对齐)
用户反馈
别扯了,TabBar 为什么就能单独拎出来作组件?→ 对齐
用户指出只把「刷题中心子菜单」做成组件是双重标准——TabBar 是整体组件,侧边栏也理应按同样标准做成整体组件,用实例覆盖高亮项驱动。
处理
- 建可复用组件「侧边栏 组件」(52:1):完整封装 Logo区 + 导航组1(数据中枢 / 刷题中心(内嵌51:1子菜单) / 模考分析 / 备考计划 / 要闻 / 我的)+ 导航组2(题库管理 / 设置),全部图标用 SVG 重绘统一风格。
- 替换全部 10 个桌面页侧边栏为组件实例,
M(...,0)确保靠左。 - 高亮通过三级实例路径覆写:普通导航项
52:4X;52:N;刷题子菜单项52:4X;52:16;51:Y(父标题 / 刷题 / 错题本 / 申论)。
结果
- 侧边栏现为单一可复用组件,与 TabBar 架构标准对齐。
- 全部 10 页截图验证通过(6:435 / 44:1 / 48:8 / 48:170 / 45:40 / 45:176 / 45:307 / 45:446 / 45:713 / 6:304)。
- 交付物 PNG + PDF 概览已更新到
deliverables/prototype/。
2026-08-26 追加:删除独立子菜单组件(51:1),物化进侧边栏
用户反馈
之前那个子菜单组件删掉
即删除此前独立散落在画布上的「刷题中心子菜单 组件」(51:1)。
处理
- 前置检查:51:1 被侧边栏组件(52:1)内嵌引用(实例52:16),直接删会破坏 10 页侧边栏,故先物化。
- 物化:删 52:16 实例,在侧边栏组件内重建结构相同的自包含普通 frame(52:58),使侧边栏组件完全自包含、不再依赖 51:1。
- 重覆写三态高亮:物化后实例路径从
52:4X;52:16;51:Y变为52:4X;52:67/69/71(子项容器)+52:64(父标题)。 - 确认无引用后
D("51:1")删除。
结果
- 画布上不再有独立的「刷题中心子菜单」组件,子菜单已规整归入侧边栏组件。
- 侧边栏组件及三态页截图验证通过,PDF 概览已更新到
deliverables/prototype/。