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:03:25 +08:00
parent daeef0af0b
commit 32ca130f90
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/chat/partials/user-actions.blade.php
+11 -7
View File
@@ -1143,14 +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:9px 20px; border:none; border-radius:20px; style="padding:0 24px; border:none; border-radius:8px;
font-size:13px; font-weight:bold; color:#fff; font-size:13px; font-weight:bold; color:#fff;
cursor:pointer; transition:opacity .15s; white-space:nowrap;" cursor:pointer; transition:all .15s; white-space:nowrap;
:style="(sending || !amount) ? background:linear-gradient(135deg,#f59e0b,#d97706);
'background:#f59e0b; opacity:.45; cursor:not-allowed;' : box-shadow:0 3px 10px rgba(217,119,6,.35);"
'background:#f59e0b; opacity:1;'" :style="(sending || !amount)
:disabled="sending || !amount"> ? 'opacity:.45; cursor:not-allowed; box-shadow:none;'
<span x-text="sending ? '发放中…' : '确认发放'"></span> : '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>
</button> </button>
</div> </div>
<p style="margin:0; font-size:10px; color:#b45309; opacity:.75; text-align:center;"> <p style="margin:0; font-size:10px; color:#b45309; opacity:.75; text-align:center;">