fix(ui): align binding headers and unify handoff buttons

2026-09-23 20:47:20 +08:00
parent 3fd750989f
commit a9769fb9c6
11 changed files with 394 additions and 26 deletions
@@ -0,0 +1,17 @@
+# 绑定相关页面样式复核
+
+本次统一绑定页标题字体及圆角长框，复用绑定结果页的主、次按钮样式，并修复返回按钮的绝对定位覆盖公共布局所造成的标题边框重叠。标题区左右间距与下方内容区对齐。
+
+## 截图与验证范围
+
+使用微信开发者工具 iPhone 12/13 (Pro) 模拟器，屏幕宽度 390px、高度 844px、基础库 3.17.3。截图来自实际小程序页面内容区，使用模拟登录及接口数据，不代表真机验收或真实绑定、解绑操作。
+
+- `before-bind.png`：本轮复核前，返回按钮仍压在标题框下沿。
+- `after-bind.png`：修复后的扫码绑定页面。
+- `after-traffic.png`：流量服务关联页面。
+- `after-unbind.png`：联合解绑页面。
+- `after-metrics.json`：通过小程序选择器查询取得的页面元素边界和计算样式。
+
+测量结果：返回按钮横向范围为 24–89px，标题框为 95–366px，两者不重叠；下方内容框为 24–366px，左右外缘对齐。关联和解绑页按钮横向范围为 20–370px。所检查元素均未超出 390px 页面宽度。
+
+微信小程序构建通过；现有 33 项测试通过。编译产物中的主、次、等待及禁用按钮样式已核对一致。其他屏幕尺寸及真机显示仍需进一步验证。