2.3 KiB
2.3 KiB
M01 我的首页基准页 Implementation Plan
For agentic workers: REQUIRED SUB-SKILL: Use superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (
- [ ]) syntax for tracking.
Goal: 将 M01 重做为无整页白底、具有个人谱牒册页辨识度且便于后续增加功能的 M 系列视觉基准。
Architecture: pages/profile/m01-profile-home.vue 继续单独拥有本地状态与路由；复用项目公共页头、底栏、按钮和背景组件。M01 的透明线框资产存放在 profile 模块自己的命名空间。
Tech Stack: uni-app、Vue 3、SCSS、PowerShell 契约测试、Node CDP 运行时冒烟。
Global Constraints
- 只修改 M01 及其聚焦测试、资产和审批文档。
- 不新增个人中心功能，不对接接口。
- 不使用子代理、worktree 或任何 Git 写操作。
- 每次只展示一个审批状态。
Task 1: 契约 RED
- 创建
tests/m01-module-baseline-contract.ps1，要求 M01 使用brand-seal.png、auth-divider-knot.png、chevron-right.png、m01-profile-summary-card.png、AppButton、ready/error 状态和现有五个目标路由，并禁止重复菜单卡框及三个旧 opaque 业务素材。 - 运行聚焦测试，确认因缺少新资产引用而失败。
Task 2: 模块资产
- 保留一个已经用户审批通过的真实透明线框，专用于失败态；正常册页复用项目真实印章、分隔结与箭头资产。
- 使用 Pillow 验证失败态线框为 RGBA、透明角且存在非空 alpha 内容。
Task 3: 页面实现
- 删除重复卡片结构，改为连续身份区、紧凑提醒栏和“服务与设置”分组列表。
- 保留资料、提醒及三个菜单路由；失败态增加项目
AppButton“重新查看”。 - 使用内容高度和最小触控高度控制卡片，不固定整页高度。
- 运行聚焦契约并确认通过。
Task 4: 验证与审批
- 运行 M01 聚焦契约、根页面视觉契约、根页面运行时冒烟、模块响应式冒烟和
git diff --check。 - 在同一 Chrome 标签页显示 412×915 正常首页，等待明确审批。
- 正常态通过后显示失败态，再逐一验证资料、提醒和菜单路由。
- 全部明确通过后才把
docs/验收规划.md的 M01 更新为[x]。