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 16:03:40 +08:00
parent 925ac68f20
commit 02816fbb03
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/chat/partials/games/lottery-panel.blade.php
+9 -5
View File
@@ -254,14 +254,18 @@
</div> </div>
<button @click="submitCart()" :disabled="buying" <button @click="submitCart()" :disabled="buying"
style="width:100%; margin-top:10px; border:none; border-radius:12px; style="width:100%; margin-top:10px; border:none; border-radius:12px;
padding:13px 0; font-size:14px; font-weight:bold; padding:13px 0; font-size:15px; font-weight:bold; letter-spacing:1px;
cursor:pointer; transition:all .2s; font-family:inherit;" cursor:pointer; transition:all .2s; font-family:inherit;
text-shadow:0 1px 2px rgba(0,0,0,.2); display:flex; align-items:center; justify-content:center; gap:6px;"
onmousedown="this.style.transform='scale(0.98)'"
onmouseup="this.style.transform='scale(1)'"
onmouseleave="this.style.transform='scale(1)'"
:style="buying :style="buying
? ?
'background:#e0e8f0; color:#99a8b8; cursor:not-allowed; box-shadow:none;' : 'background:#e0e8f0; color:#99a8b8; cursor:not-allowed; box-shadow:none; text-shadow:none;' :
'background:linear-gradient(135deg,#dc2626,#ef4444); color:#fff; box-shadow:0 4px 14px rgba(220,38,38,.3);'"> 'background:linear-gradient(135deg,#dc2626,#e11d48); color:#fff; box-shadow:0 6px 16px rgba(220,38,38,.4), 0 2px 4px rgba(0,0,0,.1) inset;'">
<span <span
x-text="buying ? '购买中…' : '🎟️ 确认购买 ' + cart.length + ' 注（共 ' + (cart.length*100).toLocaleString() + ' 金币）'"></span> x-text="buying ? '🔄 购买中…' : '🎟️ 按下购买 ' + cart.length + ' 注（共 ' + (cart.length*100).toLocaleString() + ' 金币）'"></span>
</button> </button>
{{-- 内联购买结果提示 --}} {{-- 内联购买结果提示 --}}
<div id="lottery-buy-msg" <div id="lottery-buy-msg"