fix(frontend): 充值弹窗打开态改为 flex,修正对话框定位

无头 Chrome 对 Zibll 真实 CSS 的几何实证:bootstrap modal('show') 的
内联 display:block 下,.modal.flex .modal-dialog{margin:0} 使对话框
顶在左上角(l=0,t=0);Zibll 生产环境打开态实为 CSS 的 display:flex
(壳的 .flex.jc 双轴居中,jQuery .show() 对 computed≠none 的壳是空
操作,内联 display 从未写入)。AKSRT 上一版把打开态定为 display:block,
导致对话框定位错误。

修复:credits.css 的 .modal[data-aksrt-charge-modal].in 改为
display:flex;credits.js openChargeModal 内联 display 同步改 flex。
静止态 display:none 规则不变。

几何复测(AKSRT 真实 CSS):打开态中心与视口中心、与 Zibll 参考
逐像素一致(dlgCenter=vpCenter=379,213);静止态 display:none。
契约 29/29 通过(新增 flex 断言与 block 禁令)。
This commit is contained in:
2026-09-17 22:25:37 +08:00
parent 95289829ee
commit a6b7d09706
3 changed files with 23 additions and 6 deletions
+3 -1
View File
@@ -401,7 +401,9 @@
if (modal.classList.contains('in')) return;
// 兼容旧缓存标记(uc-modal 带 hidden 属性)
modal.removeAttribute('hidden');
modal.style.display = 'block';
// 打开态用 flex 而非 block:壳的 .flex.jc 负责双轴居中,
// .modal.flex .modal-dialog{margin:0} 在 block 下会把对话框顶到左上角。
modal.style.display = 'flex';
void modal.offsetWidth; // 强制 reflow,让 .fade 过渡从初始态开始
modal.classList.add('in');
if (!chargeBackdrop) {