Files
jiapuapp/docs/superpowers/specs/2026-07-17-g01-error-state-redesign.md
T
2026-07-20 06:52:33 +08:00

1.4 KiB
Raw Blame History

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×568360×640360×800412×915
  • H5 只作为内部候选;Android/HBuilderX 仍需验证。