仅本地修复 · 未发布

同一画幅,逐张对照。

左侧保留参考图,右侧为 V17 默认 H5 的实际浏览器截图。检查重点是画幅、分区、主要元素和切换稳定性。文字栅格化和个别设计素材仍可能有细节差别,此页不代表逐像素完全一致。

默认原样与参考图保持相同比例。主动调整卡片或间距后,H5 画布按内容增量扩展,参考图保持原尺寸;两种预览使用同一个缩放比例。手机仍由浏览器整页滚动。

打开本地 V17 工作台

紧凑框架

画幅 390 × 867.00

恢复浅灰底色和白色分区。资产区、四金刚区、八金刚区、营销卡与底部导航逐项对照。

参考原图
紧凑框架参考图
V17 默认 H5 · 实际浏览器截图
紧凑框架修复后H5

OPay 现状

画幅 390 × 845.18

恢复原稿画幅与右侧浮层素材,原有订单条保留。

参考原图
OPay 现状参考图
V17 默认 H5 · 实际浏览器截图
OPay 现状修复后H5

合并双卡

画幅 390 × 866.67

恢复原稿画幅和底部导航位置;取消原样状态下多出的长页高度。

参考原图
合并双卡参考图
V17 默认 H5 · 实际浏览器截图
合并双卡修复后H5

高双卡

画幅 390 × 853.34

恢复原稿画幅;保持无设备黑框的既有 H5 处理,页面内容不做横向拉伸。

参考原图
高双卡参考图
V17 默认 H5 · 实际浏览器截图
高双卡修复后H5

浅光双卡

画幅 390 × 866.67

恢复原稿画幅,底部悬浮导航位置保持原样。

参考原图
浅光双卡参考图
V17 默认 H5 · 实际浏览器截图
浅光双卡修复后H5

绿白双卡

画幅 390 × 866.67

恢复原稿画幅,保留绿白双卡与原有服务区。

参考原图
绿白双卡参考图
V17 默认 H5 · 实际浏览器截图
绿白双卡修复后H5

PalmPay 思路

画幅 390 × 845.18

这里是竞品结构参考:H5 改回单余额卡、收益条、交易条和金融双列布局,保留 OPay 绿色与现有业务文案,不声称与竞品颜色、文案逐像素相同。

竞品原图
PalmPay 思路参考图
V17 默认 H5 · 实际浏览器截图
PalmPay 思路修复后H5

明绿分区

画幅 390 × 866.80

重新从用户附件最后一张首页提取参考图,纠正旧参考图颜色;默认明绿分区保留。

参考原图
明绿分区参考图
V17 默认 H5 · 实际浏览器截图
明绿分区修复后H5

薄荷渐变

画幅 390 × 1749.58

恢复完整长参考稿,补回奖励进度线和金币、礼物、支付插画。

参考原图
薄荷渐变参考图
V17 默认 H5 · 实际浏览器截图
薄荷渐变修复后H5