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

送金币弹窗：确认发放按钮固定橙色白字+立体阴影按压效果

Browse Source
This commit is contained in:
流星
2026-03-12 17:15:42 +08:00
parent 6817e8e5cd
commit cc28a27ab0
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/chat/partials/user-actions.blade.php
+10 -10
View File
@@ -1143,18 +1143,18 @@
border-radius:6px; font-size:13px; color:#92400e; border-radius:6px; font-size:13px; color:#92400e;
outline:none; box-sizing:border-box;"> outline:none; box-sizing:border-box;">
<button x-on:click="send()" <button x-on:click="send()"
style="padding:10px 28px; border:none; border-radius:50px; style="padding:10px 22px; border:none; border-radius:50px;
font-size:14px; font-weight:bold; color:#fff; font-size:14px; font-weight:bold; color:#fff;
cursor:pointer; transition:transform .15s, box-shadow .15s; cursor:pointer; white-space:nowrap; letter-spacing:.5px;
background:#f59e0b; background:linear-gradient(180deg,#ffb733 0%,#e8900a 100%);
box-shadow:0 4px 14px rgba(245,158,11,.4); box-shadow:0 4px 0 #b36c00, 0 6px 14px rgba(217,119,6,.4);
white-space:nowrap; letter-spacing:.5px;" transition:transform .12s, box-shadow .12s;"
:style="(sending || !amount) :style="(sending || !amount) ? 'opacity:.55; cursor:not-allowed;' : ''"
? 'background:#d1d5db; cursor:not-allowed; box-shadow:none; color:#9ca3af;'
: 'background:#f59e0b;'"
:disabled="sending || !amount" :disabled="sending || !amount"
onmouseover="if(!this.disabled){this.style.transform='translateY(-2px)';this.style.boxShadow='0 7px 20px rgba(245,158,11,.5)'}" onmouseover="if(!this.disabled){this.style.transform='translateY(-2px)';this.style.boxShadow='0 6px 0 #b36c00,0 10px 20px rgba(217,119,6,.45)'}"
onmouseout="this.style.transform='';this.style.boxShadow='0 4px 14px rgba(245,158,11,.4)'"> onmouseout="this.style.transform='';this.style.boxShadow='0 4px 0 #b36c00,0 6px 14px rgba(217,119,6,.4)'"
onmousedown="if(!this.disabled){this.style.transform='translateY(2px)';this.style.boxShadow='0 2px 0 #b36c00,0 3px 8px rgba(217,119,6,.3)'}"
onmouseup="this.style.transform='';this.style.boxShadow='0 4px 0 #b36c00,0 6px 14px rgba(217,119,6,.4)'">
<span x-text="sending ? '⏳ 发放中…' : '💰 确认发放'"></span> <span x-text="sending ? '⏳ 发放中…' : '💰 确认发放'"></span>
</button> </button>
</div> </div>