1.4 KiB
1.4 KiB
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 仍需验证。