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

送金币弹窗：修复因 Alpine.js 动态 :style 覆盖导致蓝色按钮背景透明丢失的问题

Browse Source
This commit is contained in:
流星
2026-03-12 17:36:29 +08:00
parent aa7a389ab2
commit 1328b3d8cb
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/chat/partials/user-actions.blade.php
+4 -4
View File
@@ -1142,10 +1142,10 @@
{{-- 操作按钮 --}}
<div style="display:flex; justify-content:center; gap:10px; margin-bottom:20px;">
<button x-on:click="send()"
style="background:linear-gradient(135deg, #3b82f6, #2563eb); color:#fff; border:none; border-radius:8px;
padding:8px 20px; font-size:13px; font-weight:bold; cursor:pointer;
box-shadow:0 4px 12px rgba(37,99,235,0.4); transition:transform .12s, opacity .12s;"
:style="(sending || !amount) ? 'opacity:.5; cursor:not-allowed; box-shadow:none;' : ''"
style="color:#fff; border:none; border-radius:8px; padding:8px 20px; font-size:13px; font-weight:bold; cursor:pointer; transition:transform .12s, box-shadow .12s;"
:style="(sending || !amount)
? 'background: linear-gradient(135deg, #3b82f6, #2563eb); opacity: 0.5; cursor: not-allowed; box-shadow: none;'
: 'background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 4px 12px rgba(37,99,235,0.4);'"
:disabled="sending || !amount"
onmouseover="if(!this.disabled) this.style.transform='translateY(-2px)'"
onmouseout="if(!this.disabled) this.style.transform=''"