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-04-25 10:56:49 +08:00
parent 2180fa5ff4
commit c7ad87a767
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/chat/partials/games/horse-race-panel.blade.php
+11 -3
View File
@@ -10,6 +10,15 @@
- 展示近10场历史趋势 - 展示近10场历史趋势
--}} --}}
<style>
/* 赛马下注金额输入框聚焦态，替代内联 onfocus/onblur 样式。 */
.horse-race-bet-input:focus {
background: #fff !important;
border-color: #336699 !important;
box-shadow: 0 0 0 2px rgba(51, 102, 153, .1) !important;
}
</style>
{{-- ─── 赛马主面板 ─── --}} {{-- ─── 赛马主面板 ─── --}}
<div id="horse-race-panel" x-data="horseRacePanel()" x-show="show" x-cloak> <div id="horse-race-panel" x-data="horseRacePanel()" x-show="show" x-cloak>
<div x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-95" <div x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-95"
@@ -160,10 +169,9 @@
</template> </template>
</div> </div>
<input type="number" x-model.number="betAmount" min="100" placeholder="自定义金额" <input type="number" x-model.number="betAmount" min="100" placeholder="自定义金额"
class="horse-race-bet-input"
style="width:100%; background:#f6faff; border:1px solid #d0e4f5; border-radius:16px; style="width:100%; background:#f6faff; border:1px solid #d0e4f5; border-radius:16px;
padding:14px 16px; color:#23364d; font-size:16px; font-weight:bold; box-sizing:border-box; margin-bottom:14px; outline:none; transition:all .15s;" padding:14px 16px; color:#23364d; font-size:16px; font-weight:bold; box-sizing:border-box; margin-bottom:14px; outline:none; transition:all .15s;">
onfocus="this.style.borderColor='#336699'; this.style.background='#fff'; this.style.boxShadow='0 0 0 2px rgba(51,102,153,.1)';"
onblur="this.style.borderColor='#d0e4f5'; this.style.background='#f6faff'; this.style.boxShadow='none';">
{{-- 下注按钮 --}} {{-- 下注按钮 --}}
<button @click="submitBet()" :disabled="!selectedHorse || betAmount < 100 || submitting" <button @click="submitBet()" :disabled="!selectedHorse || betAmount < 100 || submitting"