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

升级红包领取按钮：深色外框+内部金色实心按钮，仿同意离婚按钮质感

Browse Source
This commit is contained in:
流星
2026-03-01 19:31:52 +08:00
parent 392b1b06bb
commit 23fca927d5
1 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
resources/views/chat/partials/marriage-modals.blade.php
View File

@@ -621,24 +621,27 @@
{{-- 未领取 --}}
<div x-show="!claimed" style="display:none;">
<div style="color:rgba(254,243,199,.5); font-size:11px; margin-bottom:12px;">
<div style="color:rgba(254,243,199,.5); font-size:11px; margin-bottom:14px;">
红包有效期 <strong style="color:#fcd34d;">24小时</strong>，过期自动消失
</div>
<button x-on:click="doClaim()" :disabled="claiming"
style="display:block; width:100%; padding:14px 0; border:none;
border-radius:50px; font-size:16px; font-weight:bold;
cursor:pointer; transition:all .2s; letter-spacing:1px;
box-shadow:0 4px 20px rgba(245,158,11,.5);"
:style="claiming
?
'background:#fcd34d; color:#92400e; opacity:.7; cursor:not-allowed;' :
'background:linear-gradient(135deg,#f59e0b,#d97706); color:#fff;'"
onmouseover="if(!this.disabled) this.style.transform='scale(1.04)'"
onmouseout="this.style.transform=''">
<span x-text="claiming ? '领取中…' : '<27> 点击领取红包'"></span>
</button>
{{-- 仿"同意离婚"按钮：深色外框 + 内部实心颜色按钮 --}}
<div style="background:rgba(0,0,0,.35); border-radius:18px; padding:6px; margin-bottom:4px;">
<button x-on:click="doClaim()" :disabled="claiming"
style="display:block; width:100%; padding:14px 0; border:none;
border-radius:13px; font-size:16px; font-weight:bold;
cursor:pointer; transition:all .15s; letter-spacing:1px; color:#fff;"
:style="claiming
?
'background:#b45309; opacity:.65; cursor:not-allowed;' :
'background:#d97706; box-shadow:0 2px 12px rgba(0,0,0,.4);'"
onmouseover="if(!this.disabled) this.style.filter='brightness(1.12)'"
onmouseout="this.style.filter=''">
<span x-text="claiming ? '领取中…' : '🧧 点击领取红包'"></span>
</button>
</div>
</div>
{{-- 已领取 --}}
<div x-show="claimed" style="display:none;">
<div style="font-size:36px; margin-bottom:6px; color:#fcd34d; font-weight:bold;"