1.2 KiB
1.2 KiB
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 仍需后续复核。