送金币弹窗:将操作按钮彻底改为发放礼包弹窗的同款样式(#d97706 和半透明底色,尺寸缩小,圆角8px)
This commit is contained in:
@@ -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=''">
|
||||
取消
|
||||
|
||||
Reference in New Issue
Block a user