Dragon SaaS H5 · 样式回归对比

核销商品（GQR）本地 vs test 环境样式对比报告

本地：本地环境　账号 176****2201　订单 GQR***BRA
test：test 环境　账号 176****2202　订单 GQR***AT4
视口：390×844（移动端 Chrome）　生成时间：2026-11-03

结论

10 个页面的关键元素尺寸完全一致或仅有 1px 舍入差异，未发现 TrackView 包裹导致的布局、按钮宽度、列表间距变化。
FT 详情、选择站点、选择网点、网点详情、RV 多规格详情的像素差异均小于 1%，属于抗锯齿/浮层动画差异。
订单确认页差异来自账号数据：本地姓名 admin，test 账号 176****2202 姓名为空，布局和样式一致。
订单详情页差异来自订单/会员数据：使用人姓名、手机号、订单号、会员信息字段不同，布局和底部按钮尺寸一致。
结论：本次埋点改动未对本地样式产生可见影响。

量化对比

页面	像素差异	平均绝对差	关键元素尺寸
核销商品详情（FT）	0.354%	0.351	一致
选择站点	0.0%	0.0	一致
选择网点	0.166%	0.03	一致
网点详情	0.702%	0.744	一致
核销商品详情（已选网点）	0.308%	0.092	一致
订单确认	0.418%	0.297	布局一致；姓名字段数据不同
核销商品详情（RV 多规格）	0.237%	0.344	一致
支付结果-成功	0.358%	0.207	一致
支付结果-失败	0.358%	0.207	一致
核销商品订单详情	2.515%	2.896	布局一致；用户/订单数据不同

页面并排对比（左：本地 / 中：test / 右：差异图）

核销商品详情（FT）

本地

核销商品详情（FT） local

test

核销商品详情（FT） test

像素差异

核销商品详情（FT） diff

选择站点

本地

选择站点 local

test

选择站点 test

像素差异

选择站点 diff

选择网点

本地

选择网点 local

test

选择网点 test

像素差异

选择网点 diff

网点详情

本地

网点详情 local

test

网点详情 test

像素差异

网点详情 diff

核销商品详情（已选网点）

本地

核销商品详情（已选网点） local

test

核销商品详情（已选网点） test

像素差异

核销商品详情（已选网点） diff

订单确认

本地

订单确认 local

test

订单确认 test

像素差异

订单确认 diff

核销商品详情（RV 多规格）

本地

核销商品详情（RV 多规格） local

test

核销商品详情（RV 多规格） test

像素差异

核销商品详情（RV 多规格） diff

支付结果-成功

本地

支付结果-成功 local

test

支付结果-成功 test

像素差异

支付结果-成功 diff

支付结果-失败

本地

支付结果-失败 local

test

支付结果-失败 test

像素差异

支付结果-失败 diff

核销商品订单详情

本地

核销商品订单详情 local

test

核销商品订单详情 test

像素差异

核销商品订单详情 diff

关键尺寸抽查

支付结果页按钮：本地首页 168×46 / 查看详情 168×46；test 首页 169×46 / 查看详情 167×46，1px 舍入差异。
订单详情底部按钮：本地与 test 的“继续支付”均为 112×46，“取消订单”均为 116×46，“订单流程”均为 72×23。
详情页“立即购买”按钮：本地与 test 均为 232×46（y=786）。
RV 多规格详情：本地与 test 的“立即购买”均为 83×29（x=286，y=444）。