fix(pay): 方法行还原 Zibll 原样(不换行),项目收缩成芯片一行排满
上一轮给方法行加的 hh(flex-wrap:wrap)方向错误:行级换行使项目保持 「图标左+文字右」的宽形态直接断行(3+2 布局),永远不会收缩成参考 主题的芯片形态。Zibll 的真实机制是行不换行、项目经 flex 收缩后由项 内 hh 将文字折到图标下方,形成「图标上/文字下」窄芯片一行排满。 - 三处方法行还原为 flex mb10(与参考主题逐字一致):充值/积分模板 与会员 pay-vip.js - 图标不变形由既有防护保障(flex:none + width:auto + max-width:none 抵消 bootstrap 全局 img 钳制) - 无头 Chrome 实测(bootstrap+main 真实加载组合,400px 弹窗):5 渠 道一行 5 个芯片(62-73px、图标 35px),6 渠道一行 6 个(53-62px、 stripe 宽形 84px),与 Zibll 同 fixture 形态一致 - 契约测试同步:行标记锁定无 hh、img 四属性防变形断言保留(322 项 全部通过)
This commit is contained in:
@@ -135,7 +135,7 @@
|
||||
// 与余额充值/购买积分弹窗完全一致的组件)。
|
||||
if (methods.length > 1) {
|
||||
append(parent, node("div", "muted-2-color em09 mb6", "请选择支付方式"));
|
||||
var row = node("div", "flex hh mb10");
|
||||
var row = node("div", "flex 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" : ""));
|
||||
|
||||
Reference in New Issue
Block a user