# 59 页面视觉全量交付执行计划

**Goal:** 在 2026-07-17 前完成 59 个规划页面／状态单元的统一移动端视觉与本地可浏览流程。

**Architecture:** 以 A01/G01 的宣纸、朱砂、古金、淡墨视觉为唯一系统。新增共享页面壳、六类精致母版与本地页面目录：页面目录只维护内容，母版拥有各自的视觉比例、卡片层级、空状态和操作区；现有页面保留已可用逻辑并接入对应母版。所有页面先覆盖正常／空／待接入可见状态，接口后置。

**Global Constraints:** 不改 A01/G01 的已验收可见结构；不接真实接口；只在当前工作目录改动；不执行 Git 提交、推送或上传；每页必须有编号语义路径和中文用途注释。

### Task 1: 建立全量路由红灯合同

- Create `tests/full-page-visual-contract.ps1`，固定 A01-A06、G01-G12、T01-T08、F01-F10、R01-R11、N01-N02、M01-M10 共 59 条最终路由；检查每条路由对应 Vue 文件、中文页面注释和页面壳引用。
- 先运行该测试，预期因缺少 44 条路由／页面失败。

### Task 2: 建立共享页面壳与本地页面目录

- Create `components/ModulePage.vue`：负责纸纹、认证／业务页头、分区、信息卡、表单、列表、空状态、主按钮及安全区；按认证、列表详情、表单编辑、成员档案、内容流、个人消息六种精致母版渲染，禁止只替换标题的单一通用卡片。
- Create `data/page-catalog.js`：唯一维护每个新增页面的标题、类型、说明、分组和本地操作反馈。
- Create `components/ModulePage` 所需的最小本地样式，不引入依赖。

### Task 3: 补齐账户与家谱模块

- Create A03-A06、G02、G07-G09、G11-G12 的页面与路由。
- Update A02、G03-G06、G10 的样式壳／跳转，保留现有功能逻辑。
- 每页使用 `ModulePage` 与页面目录的唯一配置；本地操作只提示待接入或进入已设计页面。

### Task 4: 补齐世系与家族内容模块

- Create T02、T04-T08、F03-F10 的页面与路由。
- Update T01、T03、F01、F02 的样式壳／跳转，保留当前可用逻辑。
- 通过成员、关系、动态、谱文、相册、视频的列表／详情／表单三类母版覆盖全部状态。

### Task 5: 补齐人物、消息和个人中心模块

- Create R01-R11、N02、M02-M10 的页面与路由。
- Update N01、M01 的样式壳／跳转。
- 完成档案、礼仪、礼物、成长记录、消息、设置、帮助、VIP 等页面的本地展示与操作反馈。

### Task 6: 替换临时入口并完成全量回归

- Update `pages.json`、现有跳转路径、`docs/规划.md`、`docs/design/P00_页面结构与资产清单.md`，让 59 路由与页面目录一致；确认零引用后移除临时 `content-list-skeleton` 入口。
- Run `full-page-visual-contract.ps1`、现有页面／编译审计、`git diff --check`。
- 在 320×568、360×640、360×800、412×915 集中检查模块代表页；记录用户接下来逐页精修的起点。