ysc/thebet365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(player-desktop): 为赔率按钮添加 hover 状态、使首页快速下注激活时按钮高亮

Browse Source
This commit is contained in:
Mars
2026-06-30 17:52:27 +08:00
parent 3df0dd8c2c
commit c589d97191
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/player/src/components/match-detail/MarketSelectionsPanel.vue
View File

@@ -190,6 +190,11 @@ const panelStyle = computed(() =>
text-align: center; text-align: center;
} }
.odds-btn:hover:not(.odds-btn--locked) {
border-color: var(--primary);
background: rgba(255, 255, 255, 0.05);
}
.odds-btn.selected { .odds-btn.selected {
border-color: var(--primary); border-color: var(--primary);
background: rgba(212, 175, 55, 0.14); background: rgba(212, 175, 55, 0.14);

5
apps/player/src/views/desktop/DesktopHomeView.vue
View File

@@ -24,7 +24,7 @@ const activeTab = ref<HotTab>('hot');
const slip = useBetSlipStore(); const slip = useBetSlipStore();
const auth = useAuthStore(); const auth = useAuthStore();
const { openAt } = useDesktopBetPopover(); const { openAt, visible: popoverVisible, pendingItem } = useDesktopBetPopover();
const activeMarketTypes = ref<Record<string, string>>({}); const activeMarketTypes = ref<Record<string, string>>({});
@@ -99,7 +99,8 @@ function isMarketLocked(match: PlayerHomeMatch, market?: { status: string; allow
} }
function isSelected(id: string) { function isSelected(id: string) {
return slip.isInSlip(id); if (slip.isInSlip(id)) return true;
return popoverVisible.value && pendingItem.value?.selectionId === id;
} }
function handleOddsClick(match: PlayerHomeMatch, market: any, selId: string, event?: MouseEvent) { function handleOddsClick(match: PlayerHomeMatch, market: any, selId: string, event?: MouseEvent) {