送金币弹窗:确认发放按钮改为礼包风格大圆角 pill 按钮
This commit is contained in:
@@ -1143,18 +1143,19 @@
|
||||
border-radius:6px; font-size:13px; color:#92400e;
|
||||
outline:none; box-sizing:border-box;">
|
||||
<button x-on:click="send()"
|
||||
style="padding:0 24px; border:none; border-radius:8px;
|
||||
font-size:13px; font-weight:bold; color:#fff;
|
||||
cursor:pointer; transition:all .15s; white-space:nowrap;
|
||||
background:linear-gradient(135deg,#f59e0b,#d97706);
|
||||
box-shadow:0 3px 10px rgba(217,119,6,.35);"
|
||||
style="padding:10px 28px; border:none; border-radius:50px;
|
||||
font-size:14px; font-weight:bold; color:#fff;
|
||||
cursor:pointer; transition:transform .15s, box-shadow .15s;
|
||||
background:#f59e0b;
|
||||
box-shadow:0 4px 14px rgba(245,158,11,.4);
|
||||
white-space:nowrap; letter-spacing:.5px;"
|
||||
:style="(sending || !amount)
|
||||
? 'opacity:.45; cursor:not-allowed; box-shadow:none;'
|
||||
? 'opacity:.4; cursor:not-allowed; transform:none; box-shadow:none;'
|
||||
: 'opacity:1;'"
|
||||
:disabled="sending || !amount"
|
||||
onmouseover="if(!this.disabled) this.style.transform='translateY(-1px)'; if(!this.disabled) this.style.boxShadow='0 5px 16px rgba(217,119,6,.45)'"
|
||||
onmouseout="this.style.transform=''; this.style.boxShadow='0 3px 10px rgba(217,119,6,.35)'">
|
||||
<span x-text="sending ? '发放中…' : '✅ 确认发放'"></span>
|
||||
onmouseover="if(!this.disabled){this.style.transform='translateY(-2px)';this.style.boxShadow='0 7px 20px rgba(245,158,11,.5)'}"
|
||||
onmouseout="this.style.transform='';this.style.boxShadow='0 4px 14px rgba(245,158,11,.4)'">
|
||||
<span x-text="sending ? '⏳ 发放中…' : '💰 确认发放'"></span>
|
||||
</button>
|
||||
</div>
|
||||
<p style="margin:0; font-size:10px; color:#b45309; opacity:.75; text-align:center;">
|
||||
|
||||
Reference in New Issue
Block a user