fix(pay): 多渠道时支付方式图标不再被 flex 压缩变形

用户配置 5-6 个收款渠道时(400px modal-mini 内 6 项),方法行项目
被 flex 压缩导致图标变形:方形 logo 被压至 31px/22px,宽形 stripe
logo(2468:1024)被压成 35px 方形。经无头 Chrome 几何实证,参考主题
同场景存在完全相同的缺陷(两主题 main.css 该组件逐条一致),属 Zibll
组件固有问题而非复刻偏差;按用户要求修复且不改变正常场景视觉:

- main.css:.payment-method-radio img 增加 flex:none(图标恒为固
  有比例宽,高 35px 不变);main.min.css 经 build-public-assets 重建
- 三个弹窗方法行加 hh(.flex.hh{flex-wrap:wrap}):空间不足时整行
  换行而非压缩图标——充值/积分(服务端模板)与会员(pay-vip.js)
  三处同步
- 契约测试锁定 img flex:none 与三处行标记(322 项全部通过)
- 验证:无头 Chrome 实测 6 渠道 370/360/330/300px 容器下全部图标
  恒定固有比例宽度,行自动换行
This commit is contained in:
kate522 committed 2026-09-18 18:13:58 +08:00
1 parent 6075028520
commit e9dd928859
6 files changed
+20 -7

No files matched your search

+1 -1
View File
@@ -135,7 +135,7 @@
// 与余额充值/购买积分弹窗完全一致的组件)。
if (methods.length > 1) {
append(parent, node("div", "muted-2-color em09 mb6", "请选择支付方式"));
var row = node("div", "flex mb10");
var row = node("div", "flex hh mb10");
methods.forEach(function (method, index) {
var id = text(method.id || "balance");
var item = node("div", "flex jc hh payment-method-radio hollow-radio flex-auto pointer" + (index === 0 ? " active" : ""));