百家乐押注按钮改为对象式:style绑定,参照求婚弹窗风格:未选择时灰色+不可点击,正常时紫色渐变+阴影
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user