Files
jiapuapp/docs/superpowers/specs/2026-07-17-g01-empty-frame-transparency-design.md
T
2026-07-20 06:52:33 +08:00

1.4 KiB
Raw Blame History

G01 空状态透明框设计

目标

空状态只保留金色框线与操作内容,完整透出 G01 长背景,不再叠加第二张宣纸底或下沿山水。

已确认方案

  • 移除空状态对不透明 g01-empty-panel.png 的引用;该资产继续保留给错误状态使用。
  • 从已确认的 g01-empty-panel.png 确定性提取原双金线和四角纹样,生成透明 g01-empty-panel-frame.png;不重新设计线型。
  • 提取脚本归属 design-pipeline/scripts/build-g01-empty-frame.mjs,可在换机后重建。
  • 空状态框内不设置背景、阴影或额外底图。
  • “确认没有现有家谱后再创建,避免重复建谱”调整为 26rpx,行高 38rpx
  • 空状态框高调整为 1120rpx,内容整体垂直居中,并使用 50rpx 28rpx 46rpx 兼顾窄屏的内边距。
  • 谱印为 120×184rpx,主标题 48rpx,说明文字 28rpx
  • 两个主操作为 560×124rpx,按钮文字 34rpx,创建家谱文字 31rpx
  • 保留“搜索已有家谱优先、邀请码其次、创建家谱为弱操作”的层级与原有交互。

验证

  • 静态契约锁定透明框资源、九宫格参数、提示字号,并禁止空状态继续引用不透明面板。
  • 运行空状态契约、G01 视觉契约、编译审计和运行冒烟。
  • 在 412×900、320×568 截图检查框内外背景连续且无白色矩形底。