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

This commit is contained in:
2026-03-12 17:32:14 +08:00
parent 30d0e386fd
commit 6400cb51ca

View File

@@ -1140,26 +1140,25 @@
</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()"
style="background:#10b981; color:#fff; border:1px solid rgba(255,255,255,0.4); border-radius:12px;
padding:12px 36px; font-size:16px; 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);
transition:transform .12s, box-shadow .12s, opacity .12s;"
:style="(sending || !amount) ? 'opacity:.5; cursor:not-allowed; transform:none; box-shadow:none;' : ''"
style="background:#d97706; color:#fff; border:none; border-radius:8px;
padding:8px 20px; font-size:13px; font-weight:bold; cursor:pointer;
box-shadow:0 4px 12px rgba(0,0,0,0.25); transition:transform .12s, opacity .12s;"
:style="(sending || !amount) ? 'opacity:.5; cursor:not-allowed; box-shadow:none;' : ''"
: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)';}"
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)';}"
onmousedown="if(!this.disabled){this.style.transform='translateY(1px)';this.style.boxShadow='0 2px 8px rgba(16,185,129,0.3)';}"
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)';}">
<span x-text="sending ? '⏳ 发放中…' : '确认发放'"></span>
onmouseover="if(!this.disabled) this.style.transform='translateY(-2px)'"
onmouseout="if(!this.disabled) this.style.transform=''"
onmousedown="if(!this.disabled) this.style.transform='translateY(1px)'"
onmouseup="if(!this.disabled) this.style.transform=''">
<span x-text="sending ? '⏳ 发放中…' : '💰 确认发放'"></span>
</button>
<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;
padding:12px 36px; font-size:16px; font-weight:bold; cursor:pointer;
box-shadow:0 4px 12px rgba(0,0,0,0.15); transition:background .15s, transform .12s;"
onmouseover="this.style.background='rgba(0,0,0,0.4)';this.style.transform='translateY(-1px)'"
onmouseout="this.style.background='rgba(0,0,0,0.25)';this.style.transform=''"
style="background:rgba(255,255,255,0.15); color:#fff; border:none; border-radius:8px;
padding:8px 20px; font-size:13px; font-weight:bold; cursor:pointer;
box-shadow:0 4px 12px rgba(0,0,0,0.25); transition:background .15s, transform .12s;"
onmouseover="this.style.background='rgba(255,255,255,0.25)';this.style.transform='translateY(-1px)'"
onmouseout="this.style.background='rgba(255,255,255,0.15)';this.style.transform=''"
onmousedown="this.style.transform='translateY(1px)'"
onmouseup="this.style.transform=''">
取消