jiapuapp/docs/superpowers/plans/2026-07-13-full-page-visual-delivery.md

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 集中检查模块代表页；记录用户接下来逐页精修的起点。