24 lines
1.4 KiB
Markdown
24 lines
1.4 KiB
Markdown
# G01 读取失败状态重设计
|
||
|
||
## 结论
|
||
|
||
当前失败态仍使用旧的 `g01-empty-panel.png` 不透明白底，视觉密度和空状态、加载状态不一致。本轮采用“透明金框 + 红金家谱印牌 + 单一重试主按钮”，复用已经确认的真实资产，不新增重复图片。
|
||
|
||
## 视觉结构
|
||
|
||
- 外层使用 `/static/assets/modules/genealogy/transparent/g01-empty-panel-frame.png`，与已通过的空状态共用 `1120rpx` 高度。
|
||
- 内容在透明金框内纵向居中，页面背景保持连续可见。
|
||
- 顶部使用 `/static/assets/foundation/transparent/brand-seal.png`，页面级宽高 `132rpx × 136rpx`。
|
||
- 标题“暂时无法读取家谱”使用深墨色、`42rpx`、半粗字重。
|
||
- 说明“网络或服务暂不可用，请稍后重新查看。”使用 `27rpx`、舒展行距。
|
||
- 标题与按钮之间放置已有 `/static/assets/modules/genealogy/transparent/section-divider.png`。
|
||
- “重新加载”继续使用 `/static/assets/foundation/transparent/a01-scroll-primary-v3.png`，尺寸与空状态主按钮一致为 `560rpx × 124rpx`。
|
||
- 不增加第二操作，不增加白底、卡片、阴影或 CSS 绘制图形。
|
||
|
||
## 行为与验证
|
||
|
||
- 保留 `retryLoad` 行为和 `state=error` 展示入口。
|
||
- 新增 G01 失败态契约，禁止旧不透明面板回归。
|
||
- 在同一个 Chrome 标签页检查 `320×568`、`360×640`、`360×800`、`412×915`。
|
||
- H5 只作为内部候选；Android/HBuilderX 仍需验证。
|