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