Files
platforms/apps/user_app/design-qa.md
2026-09-02 21:59:24 +08:00

26 lines
1.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 用户端首页服务归属视觉验收
## 验收基线
- 视觉事实源:`D:\5k\platforms\docs\设计参考\用户端首页_服务归属方案1.png`
- 实现截图:`D:\5k\platforms\apps\user_app\design-qa\用户端首页_服务归属实现.png`
- 验收视口390 × 844 CSS 像素,设备像素比 1
- 页面状态:固定示例数据;所属气站“和气城南气站”,服务配送点“安顺路配送点”,公告 6 条
- 事实源像素尺寸853 × 1844按 390 × 844 归一化后与实现截图比较
- 实现截图像素尺寸390 × 844截图尺寸与 CSS 视口一致,无额外密度换算
## 对照证据
- 全页对照:`D:\5k\platforms\apps\user_app\design-qa\对照_全页.png`,左侧为归一化事实源,右侧为实现
- 服务归属局部对照:`D:\5k\platforms\apps\user_app\design-qa\对照_服务归属卡片.png`,截取相同视口区域,左侧为事实源,右侧为实现
## 比较记录
1. 第一轮发现 P1实现卡片使用 20 像素内边距和 72 像素图标底座,导致标题与两行字段整体比事实源右移约 12 像素,卡片高度也偏高约 7 像素。
2. 修正为 16 像素内边距和 64 像素图标底座后重新截图;标题、标签、值、分隔线与图标的相对位置已与事实源对齐。
3. 第二轮未发现 P0、P1 或 P2 视觉问题。页面无横向溢出,底部导航无遮挡,卡片边框、圆角、行距和信息层级一致。
## 最终结果
passed