120 lines
6.4 KiB
Markdown
120 lines
6.4 KiB
Markdown
# 备考中枢 - 画布排布整理 & 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/`。
|