1.5 KiB
1.5 KiB
用户端首页服务归属视觉验收
验收基线
- 视觉事实源：
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，截取相同视口区域，左侧为事实源，右侧为实现
比较记录
- 第一轮发现 P1：实现卡片使用 20 像素内边距和 72 像素图标底座，导致标题与两行字段整体比事实源右移约 12 像素，卡片高度也偏高约 7 像素。
- 修正为 16 像素内边距和 64 像素图标底座后重新截图；标题、标签、值、分隔线与图标的相对位置已与事实源对齐。
- 第二轮未发现 P0、P1 或 P2 视觉问题。页面无横向溢出，底部导航无遮挡，卡片边框、圆角、行距和信息层级一致。
最终结果
passed