26 lines
1.2 KiB
Markdown
26 lines
1.2 KiB
Markdown
# G01 加载状态设计
|
||
|
||
## 目标
|
||
|
||
把 G01 当前空心金圈加载态收拢到项目已确定的全局 Loading 标准，同时保持 G 系列长背景和页面导航稳定，避免短暂加载状态显得空洞或过度装饰。
|
||
|
||
## 已确认方案
|
||
|
||
- 采用方案 A：G01 加载态复用 `AppLoading.vue` 的朱砂“谱”印章呼吸动效。
|
||
- 主文案使用“正在整理家谱”，不增加新的业务含义。
|
||
- 加载内容位于页面视觉中心略偏上区域；保留 G01 公共长背景、标题栏和底部导航。
|
||
- 不使用空状态的大型透明金线框，不生成新资产，不制作骨架卡片。
|
||
- 不改变 `state=loading` 的状态入口、默认列表、空状态或失败状态。
|
||
|
||
## 组件边界
|
||
|
||
- `AppLoading.vue` 是全局加载视觉的唯一维护入口。
|
||
- `g01-my-genealogies.vue` 只负责放置组件和提供页面文案，不复制加载动效样式。
|
||
|
||
## 验证
|
||
|
||
- 静态契约锁定 G01 使用 `AppLoading`，并禁止保留旧 `loading-seal`。
|
||
- 运行 G01 空状态契约、视觉契约、编译审计和运行态冒烟。
|
||
- 在 412×900 与 320×568 检查无横向溢出、底栏不遮挡且加载标识清晰。
|
||
- H5 结果仅作为内部候选，Android/HBuilderX 仍需后续复核。
|