fix: calibrate A01 entry visual layout

This commit is contained in:
rain
2026-07-13 15:35:16 +08:00
parent bd50f15d5c
commit f7d6d3cfb1
8 changed files with 139 additions and 129 deletions
+13 -29
View File
@@ -1,36 +1,20 @@
# A-01 v3 Visual QA
# A-01 Runtime Visual QA
- Source visual truth: `docs/design/screens/A01-启动登录引导-效果稿-v3-文字注册入口.png`
- Target viewport: `430 × 932`, unchecked agreement state.
- Implementation screenshot: unavailable.
- Source visual truth: `docs/design/screens/A01-启动登录引导-栅格验收-412x915.png`
- Target state: `412 × 915`, agreement unchecked.
- Static contract: passed on 2026-07-13.
- Runtime screenshot: pending.
## Evidence
- The selected source image was opened and measured at `852 × 1846px`; it corresponds exactly to the supplied target screen proportions.
- `pages/auth/entry.vue` 已恢复为真实 DOM、分层背景与独立按钮;整图视觉层方案已撤销。
- 现有截图分别对应整图方案之前和整图方案本身,均不能作为当前真实 DOM 版本的实现证据。
- `pages/auth/entry.vue` uses real DOM and local background assets; the whole-image page layer remains absent.
- The static contract verifies the calibrated header height, title spacing, divider width, button dimensions and all four vertical anchors.
- The rejected registration side lines and four-corner button brackets are forbidden by the contract.
## Findings
## Remaining runtime evidence
- [P1] Runtime comparison blocked.
- Location: `pages/auth/entry.vue` at `430 × 932`.
- Evidence: no post-change HBuilderX or Android screenshot is available.
- Impact: the真实 DOM 的宽度、间距、按钮比例和已勾选协议状态无法在目标运行时确认。
- Fix: refresh the A-01 page in HBuilderX at `430 × 932`, capture the unchecked state, then compare it with the source visual above.
- [P1] Capture the unchecked A-01 page at `412 × 915` in HBuilderX or Android, without browser chrome, and compare it against the source at the same scale.
- [P1] Capture `320 × 568` after scrolling to confirm the agreement row and safe area are not clipped.
- Confirm that selecting the agreement enables only the existing A-02 login route; the other entries remain local prepared-state prompts.
## Required fidelity surfaces
- Fonts and typography: 真实 DOM 已实现;运行时渲染尚未截图。
- Spacing and layout rhythm: 真实 DOM 已实现;运行时尺寸尚未截图。
- Colors and visual tokens: 分层背景和红金按钮已实现;运行时尚未截图。
- Image quality and asset fidelity: 分层本地资产已使用;运行时清晰度和裁切尚未截图。
- Copy and content: 主入口为 `登录`;运行时渲染尚未截图。
## Implementation Checklist
1. Refresh A-01 in HBuilderX at `430 × 932` with the agreement unchecked.
2. Capture the screen without surrounding browser chrome.
3. Compare the complete source and the runtime capture at the same scale.
4. Tap the agreement circle once and confirm that only then can the login region navigate to A-02.
final result: blocked
final result: runtime evidence pending