lkddi/chatroom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

收口彩票弹窗悬停样式

Browse Source
This commit is contained in:
流星
2026-04-25 11:01:51 +08:00
parent 992615b7be
commit c44c8198d2
1 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/chat/partials/games/lottery-panel.blade.php
+25 -13
View File
@@ -27,6 +27,23 @@
.lottery-clear-selection:hover {
background: #f3f4f6 !important;
}
/* 彩票弹窗通用操作按钮 hover 态，减少模板内联事件。 */
.lottery-panel-close:hover {
opacity: 1 !important;
}
.lottery-submit-cart:hover {
opacity: .88 !important;
}
.lottery-panel-refresh:hover {
background: #dbeafe !important;
}
.lottery-panel-bottom-close:hover {
background: #f3f4f6 !important;
}
</style>
{{-- ─── 彩票面板遮罩 ─── --}}
@@ -67,9 +84,8 @@
x-text="'距开奖 ' + countdownText">
</div>
</div>
<span data-lottery-panel-close
style="cursor:pointer; font-size:20px; color:#fff; opacity:.8; line-height:1; margin-left:12px;"
onmouseover="this.style.opacity=1" onmouseout="this.style.opacity=.8">&times;</span>
<span data-lottery-panel-close class="lottery-panel-close"
style="cursor:pointer; font-size:20px; color:#fff; opacity:.8; line-height:1; margin-left:12px;">&times;</span>
</div>
{{-- ─── 内容区（可滚动）─── --}}
@@ -275,13 +291,11 @@
</template>
</div>
{{-- 确认购买 --}}
<button @click="submitCart()"
<button @click="submitCart()" class="lottery-submit-cart"
:disabled="buying"
style="margin-top:8px; width:100%; padding:10px 0; border-radius:10px; font-size:13px;
font-weight:bold; background:linear-gradient(135deg,#dc2626,#b91c1c);
color:#fff; border:none; cursor:pointer; transition:all .15s; font-family:inherit;"
onmouseover="this.style.opacity='0.88'"
onmouseout="this.style.opacity='1'">
color:#fff; border:none; cursor:pointer; transition:all .15s; font-family:inherit;">
<span x-text="buying ? '⏳ 购买中…' : '✅ 确认购买（' + cart.length + ' 注）'"></span>
</button>
</div>
@@ -374,18 +388,16 @@
<div
style="padding:10px 14px; background:#fff; border-top:1px solid #fee2e2;
display:flex; justify-content:space-between; align-items:center; flex-shrink:0;">
<button @click="loadData()"
<button @click="loadData()" class="lottery-panel-refresh"
style="padding:9px 18px; border-radius:20px; font-size:12px; font-weight:bold;
background:#f0f6ff; color:#336699; border:1.5px solid #c0d8ef;
cursor:pointer; transition:all .15s; font-family:inherit;"
onmouseover="this.style.background='#dbeafe'" onmouseout="this.style.background='#f0f6ff'">
cursor:pointer; transition:all .15s; font-family:inherit;">
🔄 刷新
</button>
<button type="button" data-lottery-panel-close
<button type="button" data-lottery-panel-close class="lottery-panel-bottom-close"
style="padding:9px 18px; border-radius:20px; font-size:12px; font-weight:bold;
background:#f9fafb; color:#6b7280; border:1.5px solid #e5e7eb;
cursor:pointer; transition:all .15s; font-family:inherit;"
onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='#f9fafb'">
cursor:pointer; transition:all .15s; font-family:inherit;">
关闭
</button>
</div>