feat(player-desktop): 优化注单侧栏面板折叠、隐藏首页滚动条、默认选中联赛、主页添加近期热门快速下注

This commit is contained in:
2026-06-30 17:42:50 +08:00
parent 8a1ba0fd95
commit 178787e89a
9 changed files with 583 additions and 90 deletions

View File

@@ -857,6 +857,16 @@ onUnmounted(() => {
<div class="betslip-panel">
<div class="panel-head">
<h3>{{ t('bet.bet_slip') || '投注单' }}</h3>
<button
type="button"
class="panel-close-btn"
@click="slip.collapsePanel()"
:aria-label="t('common.collapse') || '折叠'"
>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="16" height="16">
<path d="M13 17l5-5-5-5M6 17l5-5-5-5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<div class="panel-tabs">
@@ -1173,6 +1183,24 @@ onUnmounted(() => {
color: var(--primary-light);
}
.panel-close-btn {
border: none;
background: transparent;
color: var(--text-muted);
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: background 0.2s, color 0.2s;
}
.panel-close-btn:hover {
background: var(--bg-hover);
color: var(--primary);
}
.clear-slip-btn {
background: transparent;
border: 1px solid var(--border);