考研数学真题宝 · 做题 MVP 页面状态图

对照 PRD 做题 MVP 的 UI 实现截图,按页面 × 状态组织。点击任意卡片可放大查看,支持键盘 ← / → / Esc 翻页。

采集于 2026-04-23 · 视口 iPhone 14 · 390 × 844 · 样本题目 2026 数学一
✅ 已完成:做题 MVP 的选项交互(AC-2/3/4/5/6/7)已覆盖 "按年份"入口 /question/detail/*"按知识点"入口 /question/knowledge-point/* 两条路径—— 两者行为一致(选项交互 / 上次作答条 / 答错自动加入错题本 / 直接看答案逃生入口)。
标签图例 AC-N对应 PRD 验收标准编号 新增本次 MVP 新实现的状态 调整原有行为本次有修改 保留既有实现,本次未改动 历史改造前对照图,上线后不再出现

① 首页 · 按年份 Tab(PaperSwiper)

左侧年份 tab + 右侧题目卡片列表。做过的题显示 ✓ 做对 / ✗ 做错 标签(AC-4/7)。

② 首页 · 按知识点 Tab(四级目录)

手风琴式四级目录:书 → 章 → 节 → 考点 → 知识点。点击知识点进入单题翻页模式。

③ 详情页 · 选择题主流程(examHome 来源)

单选题 MVP:选项交互 → 反馈 → 答案解析。答错自动加入错题本(AC-5/6)。

④ 详情页 · 分支状态

不同入口来源、非选择题降级、加载失败等分支展示。

⑤ 知识点单题翻页模式 · 已对齐 MVP

路由 /question/knowledge-point/[id]/[type],组件 Body.tsx。本次改造后选择题行为与③完全一致:选项交互 / 上次作答 / 答错自动加入错题本 / 直接看答案逃生。底部仍保留该路径特有的『题目列表』弹窗与上/下一题按钮。下方截图为改造前的老流程,保留作对比参考。

⑥ 错误态

题目加载失败兜底(AC-8)。