3.0 KiB
3.0 KiB
F／R／N／M 全量候选设计记录
日期：2026-07-14
状态：F01–F10、R01–R11、N01–N02、M01–M10 共 33 个页面候选已形成，统一标记[~]，等待用户逐页视觉审核。
1. Product Design 处理方式
- 先捕获旧通用壳的
detail|list|form|timeline|settings|status六类真实运行基线，再升级共享母版。 - 共享母版只统一视觉表面和状态机制；每条路由仍拥有独立页面编号、标题、字段、列表内容和业务任务，没有合并不同功能页面。
- F01、F02、N01、M01 四个根页独立重做，保留家族／我的底部导航与关键跳转。
- 接口文档只用于功能位置和字段语义；页面候选全部使用本地模拟数据，不调用
appApi，不修改 API 边界。
2. 位图与母版
g03-create-flow-panel.png：表单、详情、设置、服务说明和统一状态的完整宣纸表面。g06-search-input-wide.png：真实输入、详情段落和设置行的完整位图底层。application-status-card.png：列表、时间轴、通知、动态与状态卡。a01-primary-button.png／a01-secondary-button.png：所有主次操作。- CSS 不绘制卡片、按钮、边框、圆角或伪元素装饰，只负责布局、文字、控件和状态。
3. 截图证据
六类母版
目录：screens/runtime/2026-07-14/module-page-audit/
- 基线与候选：
00-*-before-360x800.png、01-f03-detail-360x800.png至10-f04-list-412x915.png。 - 同画布对比：
11-template-before-after-comparison.png。 - 共享空／成功／失败：
12-shared-states-comparison.png。
29 个共享母版页面
目录：screens/runtime/2026-07-14/all-page-candidates/
- 每条路由均有独立
*-360x800.png。 - 模块联系表：
00-family-contact-sheet.png、00-records-contact-sheet.png、00-profile-notification-contact-sheet.png。
F01／F02／N01／M01
目录：screens/runtime/2026-07-14/root-pages-audit/
- 基线：
00-f01-before-360x800.png、00-f02-before-360x800.png、00-n01-before-360x800.png、00-m01-before-360x800.png。 - 候选与状态：
01-f01-list-360x800.png至10-m01-ready-412x915.png。 - 同画布对比：
11-root-before-after-states.png。
4. 审视结果
- 六类母版在 360 下没有卡片、按钮或文字裁切；列表较长时自然纵向滚动，完整面板保持一致的视觉终点。
- 共享状态统一使用同一宣纸面板，但标题、动作和业务名称来自当前页面，避免“万能空态”丢失上下文。
- F01、M01 的根页保留底部导航；F02 的发布编辑区和 N01 的消息卡均使用真实控件与本地可操作结果。
- Product Design 对比中未发现 P1/P2 级裁切、假按钮槽或风格漂移；最终 Android 真机字体放大、读屏和触摸目标仍需后续设备复核。
5. 验证入口
tests/module-page-visual-contract.ps1tests/module-page-runtime-smoke.jstests/root-pages-visual-contract.ps1tests/root-pages-runtime-smoke.jstests/capture-chrome-page-contract.ps1