Files
jiapuapp/docs/superpowers/specs/2026-07-16-g01-application-card-spacing-design.md
T
2026-07-16 18:13:03 +08:00

1.1 KiB
Raw Blame History

G01 加入申请卡片间距设计

决定

G01“加入申请”组三张记录继续使用现有独立卷轴卡片资产。相邻卡片之间增加 12rpx 垂直间距,第一张卡片与分组标题之间保持现状。

原因

  • 每张卡片代表一条独立申请,适度留白能强化独立点击与状态扫读。
  • 现有卷轴卡片包含完整上下边框和四角装饰;直接相连会造成双边框和角花碰撞。
  • 12rpx 能消除接缝拥挤,同时保持三条记录属于同一分组,不明显增加页面长度。

范围

  • 只修改 pages/genealogy/g01-my-genealogies.vue 中相邻 .application-record 的垂直间距。
  • 不修改卡片资产、卡片高度、内边距、文案、状态颜色、分组标题、其他家谱卡片和页面导航。
  • 在 412×915 Chrome H5 真实运行画面复核;Android/HBuilderX 仍留在最终设备验收阶段。

验收

  • .application-record + .application-recordmargin-top12rpx
  • 第一张申请卡没有新增顶部间距。
  • 页面不存在横向溢出,三张卡片边框不再相接。