rain
24 lines
1.1 KiB
Markdown
24 lines
1.1 KiB
Markdown
# 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`。
|
||
- 第一张申请卡没有新增顶部间距。
|
||
- 页面不存在横向溢出，三张卡片边框不再相接。
|