1.1 KiB
1.1 KiB
G01 加入申请卡片间距设计
决定
G01“加入申请”组三张记录继续使用现有独立卷轴卡片资产。相邻卡片之间增加 12rpx 垂直间距,第一张卡片与分组标题之间保持现状。
原因
- 每张卡片代表一条独立申请,适度留白能强化独立点击与状态扫读。
- 现有卷轴卡片包含完整上下边框和四角装饰;直接相连会造成双边框和角花碰撞。
12rpx能消除接缝拥挤,同时保持三条记录属于同一分组,不明显增加页面长度。
范围
- 只修改
pages/genealogy/g01-my-genealogies.vue中相邻.application-record的垂直间距。 - 不修改卡片资产、卡片高度、内边距、文案、状态颜色、分组标题、其他家谱卡片和页面导航。
- 在 412×915 Chrome H5 真实运行画面复核;Android/HBuilderX 仍留在最终设备验收阶段。
验收
.application-record + .application-record的margin-top为12rpx。- 第一张申请卡没有新增顶部间距。
- 页面不存在横向溢出,三张卡片边框不再相接。