fix(vip): 会员弹窗支付方式渠道对齐 Zibll initiate_pay_input 组件

支付方式 UI 不再自实现(uc-vip-shop__method 文本 radio),改为与其他
两个弹窗(充值/积分)完全同源的 Zibll zibpay_get_initiate_pay_input
组件结构:

- 支付方式行:.payment-method-radio.hollow-radio + logo 图 +
  data-for/data-value 选中模型(多渠道时展示「请选择支付方式」)
- 我的余额盒:data-controller == balance 条件显隐,展示货币符号与余额
  (视图模型透传 wallet_balance / currency_mark)
- 卡密盒:Zibll password_box 同构(mb10 padding-h10 padding-w6 +
  desc muted-box + form-control 卡号/卡密输入)
- hidden payment_method + initiate-pay 按钮类(mt6 but jb-red
  btn-block radius)
- 服务端 payment_method_logo_url() 统一映射 pay-*-logo.svg
- 显隐统一走 data-controller(==/!=)通用匹配,卡密选中隐藏 .charge-box
- 清理 uc-vip-shop__method* 死样式与旧 change 监听;契约测试同步锁定
  (.gitignore 白名单补 card-pass-modal-redeem.test.cjs)
This commit is contained in:
2026-09-18 12:44:38 +08:00
parent e72d0710e6
commit 721fa29b8d
5 changed files with 298 additions and 62 deletions
-21
View File
@@ -765,27 +765,6 @@ body.uc-modal-open {
font-weight: 600;
color: #b45309;
}
.uc-vip-shop__methods {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 12px;
margin-top: 8px;
padding-top: 12px;
border-top: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
}
.uc-vip-shop__methods-label {
font-size: 12px;
font-weight: 600;
color: var(--color-ink-3, #6b7280);
}
.uc-vip-shop__method {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
cursor: pointer;
}
.uc-vip-shop__tip {
margin: 10px 0 0;
font-size: 12px;