rain
1.5 KiB
1.5 KiB
G01 Application Card Spacing Implementation Plan
For agentic workers: 本计划在当前会话内执行；用户禁止 worktree、多代理及任何 Git 写操作。
Goal: 让 G01“加入申请”组三张独立卷轴卡片之间保持 12rpx 间距。
Architecture: 保留现有模板和资产，仅使用相邻兄弟选择器为第二张及后续申请卡增加上间距。静态合同锁定精确值，运行烟测与真实截图确认页面未溢出且视觉接缝消失。
Tech Stack: Vue 3、uni-app、SCSS、PowerShell 静态合同、Chrome CDP 截图。
Global Constraints
- 只修改 G01 当前审核区域。
- 不新增或替换资产。
- 不执行 Git 暂存、提交、推送、重置或检出。
- H5 截图只是当前视觉审核证据，Android/HBuilderX 仍待复核。
Task 1: 锁定并实现申请卡间距
Files:
- Modify:
tests/g01-visual-contract.ps1 - Modify:
pages/genealogy/g01-my-genealogies.vue
Interfaces:
-
Consumes: 现有
.application-record相邻兄弟结构。 -
Produces:
.application-record + .application-record { margin-top: 12rpx; }。 -
在
tests/g01-visual-contract.ps1增加精确间距断言。 -
运行合同，确认因缺少
12rpx间距而失败。 -
在 G01 样式中加入相邻兄弟选择器，不调整其他样式。
-
重新运行 G01 静态合同与运行烟测并确认通过。
-
捕获并检查 412×915 默认状态，确认三张申请卡之间有小间隔且没有横向溢出。