Files
jiapuapp/docs/design/T01-T08_世系与成员_设计记录.md
T
2026-07-15 08:31:33 +08:00

47 lines
2.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# T01–T08 世系与成员设计记录
> 日期:2026-07-14
> 状态:T02 已收敛至 T01T01、T03–T08 共 7 个页面候选、运行截图和 Product Design 审视完成,统一标记 `[~]`。
## 1. 信息架构
- T01 是阅读世系的唯一页面,`tree|landscape|empty|error` 为同页状态;T02 路由、文件和目录条目已删除。
- T03 负责成员档案;T04 新增亲属、T05 编辑成员、T06 维护关系分别保留独立任务页,但共享同一高质量表单母版。
- T07 是成员检索目录;T08 将隐私、离世纪念和无权限保留为同一路由的三个状态,不拆成重复页面。
- 接口文档仅用于确定成员字段、关系冲突、隐私和状态位置;所有候选使用页面内模拟数据,不调用 `appApi`
## 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. Product Design 截图审视
### T01
目录:`screens/runtime/2026-07-14/t01-audit/`
- 候选:`04-t01-tree-360x800.png``05-t01-landscape-360x800.png``06-t01-empty-360x800.png``07-t01-error-360x800.png``08-t01-tree-412x915.png`
- 对比:`09-t01-before-after-comparison.png`
- 首轮状态截图发现状态文案位于 1180rpx 横向画布中导致右侧裁切;先更新契约要求 `tree-canvas--state`,再将非树状态画布收窄到当前视口,重新截图后已完整显示。
### T03T08
目录:`screens/runtime/2026-07-14/t-module-audit/`
- 关键候选:`01-t03-detail-360x800.png``13-t07-list-412x915.png`
- 同画布对比:`14-t03-comparison.png``15-t04-t06-comparison.png``16-t07-t08-comparison.png`
- 360/412 下表单字段、成员卡、状态切换和主次操作均未裁切;T06 冲突动作与 T08 三种权限状态层级清楚。
## 4. 验证
- `T01-TREE-STATE-CONTRACT PASS`
- `T01-TREE-STATE-RUNTIME-SMOKE PASS`
- `T03-T08-MEMBER-FLOW-CONTRACT PASS`
- `T03-T08-MEMBER-FLOW-RUNTIME-SMOKE PASS`
- `PASS compile audit`
H5 截图不能替代 Android 真机字体放大、读屏和触摸目标验证;这些留到全量候选后的设备复核。