feat(player-desktop): 优化主页赛事卡片布局、统一注单按钮颜色、添加置顶精简走马灯

This commit is contained in:
2026-06-30 17:29:39 +08:00
parent e4ce5941a5
commit edc54e25f3
4 changed files with 302 additions and 82 deletions

View File

@@ -9,6 +9,7 @@ import LeagueSidebar from './LeagueSidebar.vue';
import MatchSidebar from './MatchSidebar.vue';
import DesktopBetSlipRail from './DesktopBetSlipRail.vue';
import FloatingMailbox from '../FloatingMailbox.vue';
import AnnouncementMarquee from '../AnnouncementMarquee.vue';
import { usePlayerHome } from '../../composables/usePlayerHome';
import { useAuthStore } from '../../stores/auth';
import { useBetSlipStore } from '../../stores/betSlip';
@@ -17,7 +18,7 @@ const route = useRoute();
const { locale } = useI18n();
const auth = useAuthStore();
const slip = useBetSlipStore();
const { load: loadPlayerHome } = usePlayerHome();
const { load: loadPlayerHome, announcements } = usePlayerHome();
const layoutMode = computed<'betting' | 'account' | 'hub' | 'marketing'>(() => {
const p = route.path;
@@ -80,6 +81,10 @@ watch(
'betslip-hidden': !showBetSlipRail,
}"
>
<div v-if="announcements && announcements.length" class="desktop-marquee-wrap">
<AnnouncementMarquee :items="announcements" embedded />
</div>
<header class="desktop-header-wrap">
<DesktopTopNav />
</header>