# 备考中枢 - 画布排布整理 & 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 语义不一致。已同步: 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/`。