61 lines
3.0 KiB
Markdown
61 lines
3.0 KiB
Markdown
# 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.ps1`
|
||
- `tests/module-page-runtime-smoke.js`
|
||
- `tests/root-pages-visual-contract.ps1`
|
||
- `tests/root-pages-runtime-smoke.js`
|
||
- `tests/capture-chrome-page-contract.ps1`
|
||
|