fix(player-desktop): 为赔率按钮添加 hover 状态、使首页快速下注激活时按钮高亮
This commit is contained in:
@@ -190,6 +190,11 @@ const panelStyle = computed(() =>
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.odds-btn:hover:not(.odds-btn--locked) {
|
||||
border-color: var(--primary);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.odds-btn.selected {
|
||||
border-color: var(--primary);
|
||||
background: rgba(212, 175, 55, 0.14);
|
||||
|
||||
@@ -24,7 +24,7 @@ const activeTab = ref<HotTab>('hot');
|
||||
|
||||
const slip = useBetSlipStore();
|
||||
const auth = useAuthStore();
|
||||
const { openAt } = useDesktopBetPopover();
|
||||
const { openAt, visible: popoverVisible, pendingItem } = useDesktopBetPopover();
|
||||
|
||||
const activeMarketTypes = ref<Record<string, string>>({});
|
||||
|
||||
@@ -99,7 +99,8 @@ function isMarketLocked(match: PlayerHomeMatch, market?: { status: string; allow
|
||||
}
|
||||
|
||||
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) {
|
||||
|
||||
Reference in New Issue
Block a user