修复:双色球面板显示位置(左上角 → 屏幕居中)
将 x-show 与 display:flex 拆分到两层 div, 与 baccarat-panel 结构保持一致: 外层 div: x-data / x-show / x-cloak 次层 div: position:fixed + display:flex 居中(含 Alpine transition) 内层 div: 面板卡片内容(width:480px) 原写法 x-show 会将 display:flex 覆盖为 display:block,导致 flex 居中失效
This commit is contained in:
@@ -13,13 +13,14 @@
|
||||
--}}
|
||||
|
||||
{{-- ─── 彩票面板遮罩 ─── --}}
|
||||
<div id="lottery-panel" x-data="lotteryPanel()" x-show="show" x-cloak
|
||||
style="position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:9935;
|
||||
display:flex; align-items:center; justify-content:center;">
|
||||
|
||||
<div id="lottery-panel" x-data="lotteryPanel()" x-show="show" x-cloak>
|
||||
<div x-transition:enter="transition ease-out duration-250" x-transition:enter-start="opacity-0 scale-95"
|
||||
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-180"
|
||||
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
|
||||
style="position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:9935;
|
||||
display:flex; align-items:center; justify-content:center;">
|
||||
|
||||
<div
|
||||
style="width:480px; max-width:96vw; max-height:92vh; border-radius:10px; overflow:hidden;
|
||||
box-shadow:0 8px 32px rgba(0,0,0,.35); font-family:'Microsoft YaHei',SimSun,sans-serif;
|
||||
background:#fff; display:flex; flex-direction:column;">
|
||||
@@ -40,11 +41,13 @@
|
||||
<div style="color:#fef08a; font-size:18px; font-weight:900; line-height:1;"
|
||||
x-text="'💰 ' + poolAmount.toLocaleString()"></div>
|
||||
{{-- 超级期标记 --}}
|
||||
<div x-show="isSuperIssue" style="color:#fcd34d; font-size:10px; font-weight:bold; margin-top:2px;">🎊
|
||||
<div x-show="isSuperIssue" style="color:#fcd34d; font-size:10px; font-weight:bold; margin-top:2px;">
|
||||
🎊
|
||||
超级期</div>
|
||||
{{-- 距开奖倒计时 --}}
|
||||
<div x-show="!isSuperIssue && isOpen"
|
||||
style="color:rgba(255,255,255,.8); font-size:10px; margin-top:2px;" x-text="'距开奖 ' + countdownText">
|
||||
style="color:rgba(255,255,255,.8); font-size:10px; margin-top:2px;"
|
||||
x-text="'距开奖 ' + countdownText">
|
||||
</div>
|
||||
</div>
|
||||
<span onclick="closeLotteryPanel()"
|
||||
@@ -72,7 +75,8 @@
|
||||
</div>
|
||||
<div x-show="ruleOpen" x-collapse
|
||||
style="padding:0 14px 10px; font-size:11px; color:#6b7280; line-height:1.8;">
|
||||
<div>🔴 <b>红球</b> 1~12 选3 · 🎲 <b>蓝球</b> 1~6 选1,每注 <b style="color:#dc2626;">100 金币</b></div>
|
||||
<div>🔴 <b>红球</b> 1~12 选3 · 🎲 <b>蓝球</b> 1~6 选1,每注 <b style="color:#dc2626;">100 金币</b>
|
||||
</div>
|
||||
<div>每期单人最多购 <b>50 注</b>,可随时追加(停售前均可)</div>
|
||||
<table style="width:100%; margin-top:6px; border-collapse:collapse;">
|
||||
<tr style="background:#fee2e2;">
|
||||
|
||||
Reference in New Issue
Block a user