1.5 KiB
1.5 KiB
M01 我的首页基准页设计
目标与范围
将 M01 做成 M 系列视觉基准。本轮只整理现有“资料、提醒、菜单、失败状态”的视觉与交互,不新增个人中心功能,不对接接口,不修改其他页面。
当前审计证据:docs/design/screens/runtime/2026-07-20/m01-audit/01-ready-412x915.png。现状的整页白色画框和待处理白底卡与页面背景割裂,内容层级不足。
页面结构
- 保留顶部“我的”和右侧“资料”入口,以及底部“我的”Tab。
- 删除覆盖大半屏的内层白色画框。
- 正常态采用一张连续的“个人谱牒册页”,不再把每个区域做成相同卡片。
- 册页上部突出印章头像、姓名、脱敏手机号与家谱身份,并以真实装饰分隔素材建立个人中心辨识度。
- 待处理提醒使用一条独立的紧凑提醒栏,以朱红标题强调,整栏跳转 N01。
- 下部设置“服务与设置”分组;账号与安全、帮助与反馈、关于家谱采用透明列表行、细分隔线和真实箭头图标,可自然向下增加后续功能。
- 失败态使用独立透明线框和项目自定义“重新查看”按钮。
状态与验收
依次审批正常首页和失败态;同时验证资料、提醒和三个菜单入口的目标路由。四档响应式尺寸由 Codex 内部检查,仅在发现问题时返工 M01。
只有全部状态和入口明确通过后,才将 M01 标记为 [x]。Android/HBuilderX 仍未验证,H5 截图只作为内部候选证据。