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:
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user