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

送金币弹窗：将操作按钮彻底改为发放礼包弹窗的同款样式（#d97706 和半透明底色，尺寸缩小，圆角8px）

Browse Source
This commit is contained in:
流星
2026-03-12 17:32:14 +08:00
parent 30d0e386fd
commit 6400cb51ca
1 changed files with 15 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/chat/partials/user-actions.blade.php
+15 -16
View File
@@ -1140,26 +1140,25 @@
</div> </div>
{{-- 操作按钮 --}} {{-- 操作按钮 --}}
<div style="display:flex; justify-content:center; gap:16px; margin-bottom:20px;"> <div style="display:flex; justify-content:center; gap:10px; margin-bottom:20px;">
<button x-on:click="send()" <button x-on:click="send()"
style="background:#10b981; color:#fff; border:1px solid rgba(255,255,255,0.4); border-radius:12px; style="background:#d97706; color:#fff; border:none; border-radius:8px;
padding:12px 36px; font-size:16px; font-weight:bold; cursor:pointer; padding:8px 20px; font-size:13px; font-weight:bold; cursor:pointer;
box-shadow:0 6px 16px rgba(16,185,129,0.4), inset 0 2px 4px rgba(255,255,255,0.2); box-shadow:0 4px 12px rgba(0,0,0,0.25); transition:transform .12s, opacity .12s;"
transition:transform .12s, box-shadow .12s, opacity .12s;" :style="(sending || !amount) ? 'opacity:.5; cursor:not-allowed; box-shadow:none;' : ''"
:style="(sending || !amount) ? 'opacity:.5; cursor:not-allowed; transform:none; box-shadow:none;' : ''"
:disabled="sending || !amount" :disabled="sending || !amount"
onmouseover="if(!this.disabled){this.style.transform='translateY(-2px)';this.style.boxShadow='0 8px 24px rgba(16,185,129,0.5), inset 0 2px 4px rgba(255,255,255,0.3)';}" onmouseover="if(!this.disabled) this.style.transform='translateY(-2px)'"
onmouseout="if(!this.disabled){this.style.transform='';this.style.boxShadow='0 6px 16px rgba(16,185,129,0.4), inset 0 2px 4px rgba(255,255,255,0.2)';}" onmouseout="if(!this.disabled) this.style.transform=''"
onmousedown="if(!this.disabled){this.style.transform='translateY(1px)';this.style.boxShadow='0 2px 8px rgba(16,185,129,0.3)';}" onmousedown="if(!this.disabled) this.style.transform='translateY(1px)'"
onmouseup="if(!this.disabled){this.style.transform='';this.style.boxShadow='0 6px 16px rgba(16,185,129,0.4), inset 0 2px 4px rgba(255,255,255,0.2)';}"> onmouseup="if(!this.disabled) this.style.transform=''">
<span x-text="sending ? '⏳ 发放中…' : '确认发放'"></span> <span x-text="sending ? '⏳ 发放中…' : '💰 确认发放'"></span>
</button> </button>
<button x-on:click="show = false" <button x-on:click="show = false"
style="background:rgba(0,0,0,0.25); color:#fff; border:1px solid rgba(255,255,255,0.1); border-radius:12px; style="background:rgba(255,255,255,0.15); color:#fff; border:none; border-radius:8px;
padding:12px 36px; font-size:16px; font-weight:bold; cursor:pointer; padding:8px 20px; font-size:13px; font-weight:bold; cursor:pointer;
box-shadow:0 4px 12px rgba(0,0,0,0.15); transition:background .15s, transform .12s;" box-shadow:0 4px 12px rgba(0,0,0,0.25); transition:background .15s, transform .12s;"
onmouseover="this.style.background='rgba(0,0,0,0.4)';this.style.transform='translateY(-1px)'" onmouseover="this.style.background='rgba(255,255,255,0.25)';this.style.transform='translateY(-1px)'"
onmouseout="this.style.background='rgba(0,0,0,0.25)';this.style.transform=''" onmouseout="this.style.background='rgba(255,255,255,0.15)';this.style.transform=''"
onmousedown="this.style.transform='translateY(1px)'" onmousedown="this.style.transform='translateY(1px)'"
onmouseup="this.style.transform=''"> onmouseup="this.style.transform=''">
取消 取消