fix(frontend): 修复充值弹窗壳全屏隐形遮罩导致整页不可点击
根因:弹窗壳为服务端静态输出(Zibll 由 refresh_modal JS 按需创建,且其
CSS 无 bootstrap .modal 基础规则,故无此问题)。AKSRT 中 bootstrap.min.css
的 .modal{position:fixed;z-index:1050;display:none} 先加载,main.css 的
.flex{display:flex}(弹窗壳对齐 Zibll 所需的工具类)后加载且同特异性
后者胜 → 弹窗壳永久 display:flex 铺满全屏,叠加 .fade 无 .in 时的
opacity:0,形成隐形遮罩拦截整页点击。
修复:credits.css 以 (0,2,0) 特异性压制——
.modal[data-aksrt-charge-modal]{display:none}(静止态隐藏)+
.modal[data-aksrt-charge-modal].in{display:block}(展示态)。
credits.js 开关维持第 20 轮的自包含实现(内联 display:block 驱动),
关闭撤除内联样式后即回到隐藏规则,无 JS 改动。
新增契约 tests/widget-system/balance-charge-modal.test.cjs(3 例):
壳结构与 data 钩子、静止态隐藏规则(防 .flex 覆盖回潮)、开关自包含
(禁止回退 jQuery modal 运行时)。相关契约 29/29 通过。
This commit is contained in:
1 parent
daae86e1af
commit
95289829ee
3 files changed
+68
No files matched your search
@@ -160,6 +160,19 @@
|
||||
/* ===== 余额充值弹窗 — Zibll balance-charge modal parity =====
|
||||
.zib-widget 基础卡样式与 .vip-product/.vip-tag 的 Zibll 原值仅在充值表单内生效
|
||||
(vip-modal.css 在全局以同类名覆盖了它们,这里按 Zibll main.css 5962/5928/5990 回位)。 */
|
||||
|
||||
/* 弹窗壳静止态必须隐藏。Zibll 无此问题:它的 bootstrap 无 .modal 基础规则,
|
||||
且弹窗壳由 refresh_modal JS 按需创建;本主题是服务端静态输出,若不在此
|
||||
显式隐藏,main.css 的 .flex{display:flex}(后加载、与 bootstrap 的
|
||||
.modal{display:none} 同特异性)会让弹窗永久 display:flex 铺满全屏,
|
||||
叠加 .fade 的 opacity:0 形成隐形遮罩,拦截整页点击。 */
|
||||
.modal[data-aksrt-charge-modal] {
|
||||
display: none;
|
||||
}
|
||||
.modal[data-aksrt-charge-modal].in {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.balance-charge-form .zib-widget {
|
||||
clear: both;
|
||||
background-color: var(--main-bg-color);
|
||||
|
||||
Reference in new issue
Block a user