24 lines
1.3 KiB
Markdown
24 lines
1.3 KiB
Markdown
# 电子版完成页 UI 验证
|
||
|
||
参考尺寸：941 × 1672；主题色：`MaterialTheme.colorScheme.primary`（当前 `#0073FF`）。
|
||
|
||
- 原生 Compose 实现标题、说明、二维码卡片、提示列表、客服电话和返回按钮。
|
||
- 手机示意图与底部山景来自参考图的蓝色配色素材；运行时仅裁取这两个装饰区域，素材中的示例二维码和客服电话不会显示。
|
||
- 二维码继续使用订单接口返回的 URL；客服电话读取现有 `hotline` 配置。
|
||
- 顶部使用现有 90 秒返回倒计时；返回箭头和系统返回键均回到首页。
|
||
- 按参考比例等比布局，较长屏幕增加提示卡片与底部装饰之间的留白，不拉伸二维码。
|
||
|
||
## 验证
|
||
|
||
2026-09-15：`:app:compileDebugKotlin` 编译通过。华为 TAS-AL00 / Android 12 上两项 `ElectronicCompletionScreenTest` 通过：
|
||
|
||
1. 从实际页面截图解码二维码，结果与传入测试 URL 一致；客服电话显示正确，返回回调触发。
|
||
2. 失败状态显示重试按钮，点击可触发重试回调。
|
||
|
||
截图为独立 UI 测试，使用示例相册地址和客服电话，不涉及真实支付。
|
||
|
||
- `device.png`：手机长屏下的原生渲染。
|
||
- `reference-ratio.png`：按参考图比例在手机上渲染，用于对比布局。
|
||
|
||
模拟器测试进程启动失败，本次验证以手机结果为准。
|