2026-08-26 16:20:42 +08:00

6.4 KiB
Raw Blame History

备考中枢 - 画布排布整理 & 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

无重叠,分组逻辑清晰。

任务 2PC 端原型同步

桌面端侧边栏导航组1 原为 6 项(数据中枢 / 刷题 / 错题本 / 模考分析 / 申论 / 备考计划),与移动端重构后的 5 tab 语义不一致。已同步:

  1. 删除「错题本」「申论」独立导航项——二者已并入「刷题」,不再单列
  2. 「刷题」改名「刷题中心」——体现合并后职责
  3. 补充「要闻」「我的」导航项——对齐移动端 5 tab首页 / 刷题 / 要闻 / 分析 / 我的)
  4. 修正「数据中枢」误高亮——非当前页(当前为题库管理),修正为未选中态

验证

截图确认刷题三帧、申论帧、TabBar 高亮、桌面两页均正常,无布局问题、无裁剪。

后续可优化项

  • 桌面端「刷题中心」「要闻」「我的」导航项图标仍是复制来的占位分析图标,语义不够精准,可后续用更贴合语义的矢量图标替换。

2026-08-26 追加:用户反馈修正(桌面端一致性)

用户反馈

  1. 数据中枢页缺左侧菜单 → 桌面页应一致
  2. 刷题中心未像 mobile 一样区分三段
  3. 错题本、申论去哪了(缺失)
  4. 数据导入导出完全多余 → 去掉

处理

  1. 数据中枢补侧边栏:克隆题库录入侧边栏,高亮聚焦「数据中枢」,移除「数据导入导出」。
  2. 刷题中心补三态分段切换:新增「刷题 / 错题本 / 申论」分段控件(选中 $3:6),并新增两个独立状态帧:
    • 错题本态48:8错因分布卡 + 最近错题 2 卡
    • 申论态48:170评分卡四维+ 写一篇 + 历史习作 2 卡
  3. 删除数据导入导出页45:585并从全部桌面页侧边栏移除该导航项。

结果

  • 桌面端共 10 帧,全部分区:题库录入 / 数据中枢 / 刷题中心(刷题、错题本、申论三态) / 模考分析 / 备考计划 / 要闻 / 我的 / 设置。
  • 全部标注页截图验证通过,侧边栏统一为 数据中枢/刷题中心/模考分析/备考计划/要闻/我的 + 题库管理/设置。

2026-08-26 追加:刷题中心改为侧边栏二级子菜单

用户反馈

pc端的刷题中心不需要做成tab了拆成三个二级子菜单吧

即取消页内「刷题 / 错题本 / 申论」分段 tab改为侧边栏中「刷题中心」父项下挂 3 个二级子菜单。

处理

  1. 新建可复用组件「刷题中心子菜单 组件」(51:1)父项头行icon + 刷题中心 + 展开箭头)+ 3 个二级子项(刷题 / 错题本 / 申论,左缩进 36高 32 圆角 8
  2. 替换全部 10 个桌面页侧边栏的单个「刷题中心」导航项为该组件实例置于「数据中枢」之后、index 1。
  3. 高亮态:当前页所属子项填充 $3:6 + 白色文字;父项标题文字同步置 $3:6。刷题态高亮「刷题」、错题本态高亮「错题本」、申论态高亮「申论」,其余中性页无子项高亮。
  4. 删除 三页页内分段切换控件48:1 / 48:15 / 48:177

结果

  • 侧边栏导航组1 现为:数据中枢 / 刷题中心(▾ 刷题·错题本·申论) / 模考分析 / 备考计划 / 要闻 / 我的。
  • 全部 10 页截图验证通过;桌面端全页 PNG + PDF 概览已更新到 deliverables/prototype/

2026-08-26 追加:侧边栏整体组件化(与 TabBar 对齐)

用户反馈

别扯了TabBar 为什么就能单独拎出来作组件?→ 对齐

用户指出只把「刷题中心子菜单」做成组件是双重标准——TabBar 是整体组件,侧边栏也理应按同样标准做成整体组件,用实例覆盖高亮项驱动。

处理

  1. 建可复用组件「侧边栏 组件」(52:1):完整封装 Logo区 + 导航组1数据中枢 / 刷题中心(内嵌51:1子菜单) / 模考分析 / 备考计划 / 要闻 / 我的)+ 导航组2题库管理 / 设置),全部图标用 SVG 重绘统一风格。
  2. 替换全部 10 个桌面页侧边栏为组件实例,M(...,0) 确保靠左。
  3. 高亮通过三级实例路径覆写:普通导航项 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)。

处理

  1. 前置检查51:1 被侧边栏组件(52:1)内嵌引用实例52:16直接删会破坏 10 页侧边栏,故先物化。
  2. 物化:删 52:16 实例,在侧边栏组件内重建结构相同的自包含普通 frame(52:58),使侧边栏组件完全自包含、不再依赖 51:1。
  3. 重覆写三态高亮:物化后实例路径从 52:4X;52:16;51:Y 变为 52:4X;52:67/69/71(子项容器)+52:64(父标题)。
  4. 确认无引用后 D("51:1") 删除。

结果

  • 画布上不再有独立的「刷题中心子菜单」组件,子菜单已规整归入侧边栏组件。
  • 侧边栏组件及三态页截图验证通过PDF 概览已更新到 deliverables/prototype/