百家乐押注按钮改为对象式:style绑定,参照求婚弹窗风格:未选择时灰色+不可点击,正常时紫色渐变+阴影

This commit is contained in:
2026-03-01 20:43:02 +08:00
parent 4ffc4abff4
commit 39d36578fd
@@ -167,12 +167,22 @@
{{-- 下注按钮 --}}
<button x-on:click="submitBet()" :disabled="!selectedType || betAmount < 100 || submitting"
style="width:100%; border:none; border-radius:12px; padding:13px; font-size:14px;
font-weight:bold; cursor:pointer; transition:all .15s; letter-spacing:1px;"
:style="(!selectedType || betAmount < 100 || submitting) ?
'background:rgba(255,255,255,.1); color:rgba(255,255,255,.3); cursor:not-allowed;' :
'background:linear-gradient(135deg,#7c3aed,#4f46e5); color:#fff; box-shadow:0 4px 20px rgba(124,58,237,.4);'"
x-text="submitting ? '提交中…' : ('🎲 押注「' + betTypeLabel(selectedType) + '」' + (betAmount > 0 ? ' ' + Number(betAmount).toLocaleString() + ' 金币' : ''))">
style="width:100%; border:none; border-radius:12px; padding:14px;
font-size:15px; font-weight:bold; cursor:pointer; transition:all .2s;
letter-spacing:1px;"
:style="(!selectedType || betAmount < 100 || submitting) ? {
background: '#f1f5f9',
color: '#94a3b8',
cursor: 'not-allowed',
boxShadow: 'none'
} : {
background: 'linear-gradient(135deg,#6d28d9,#7c3aed,#8b5cf6)',
color: '#fff',
cursor: 'pointer',
boxShadow: '0 4px 16px rgba(124,58,237,0.5)'
}">
<span
x-text="submitting ? '提交中…' : (!selectedType ? '请先选择大/小/豹子' : '🎲 押注「' + betTypeLabel(selectedType) + '」 ' + Number(betAmount).toLocaleString() + ' 金币')"></span>
</button>
</div>