优化跑马下单按钮

This commit is contained in:
2026-04-12 17:49:49 +08:00
parent 28cbf2b564
commit adc89240fd
@@ -166,16 +166,11 @@
{{-- 下注按钮 --}}
<button @click="submitBet()" :disabled="!selectedHorse || betAmount < 100 || submitting"
style="display:flex; width:100%; align-items:center; justify-content:center; gap:10px; border:none; border-radius:22px; padding:17px 20px;
font-size:17px; font-weight:900; letter-spacing:.03em; cursor:pointer; transition:all .2s ease; position:relative; overflow:hidden;"
:style="(!selectedHorse || betAmount < 100 || submitting) ?
'background:linear-gradient(180deg,#edf2f8 0%,#dde5ef 100%); color:#99a8b8; cursor:not-allowed; box-shadow:inset 0 1px 0 rgba(255,255,255,.8);' :
'background:linear-gradient(180deg,#5b95cb 0%,#2f6ca3 50%,#224f7a 100%); color:#fff; box-shadow:0 16px 28px rgba(33,88,137,.32), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.12); transform:translateY(-1px);'">
<span style="display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:999px; background:rgba(255,255,255,.18); font-size:15px; box-shadow:inset 0 1px 0 rgba(255,255,255,.18);">
🐎
</span>
'display:block; width:100%; border:none; border-radius:12px; padding:13px 0; font-size:14px; font-weight:bold; cursor:not-allowed; transition:all .2s; background:#e0e8f0; color:#99a8b8; box-shadow:none; font-family:inherit;' :
'display:block; width:100%; border:none; border-radius:12px; padding:13px 0; font-size:14px; font-weight:bold; cursor:pointer; transition:all .2s; background:linear-gradient(135deg,#336699,#5a8fc0); color:#fff; box-shadow:0 4px 14px rgba(51,102,153,.3); font-family:inherit;'">
<span
x-text="submitting ? '提交中…' : (!selectedHorse ? '请先选择马匹' : '确认押注「' + myBetHorsePreviewName + '」 · ' + Number(betAmount).toLocaleString() + ' 金币')"></span>
x-text="submitting ? '提交中…' : (!selectedHorse ? '请先选择马匹' : '🐎 押注「' + myBetHorsePreviewName + '」 ' + Number(betAmount).toLocaleString() + ' 金币')"></span>
</button>
</div>
</div>