From f0b8e051edab595ce77c8745e97590804bf1da56 Mon Sep 17 00:00:00 2001 From: mars <3361409208@qq.com> Date: Mon, 13 Jul 2026 10:10:52 +0800 Subject: [PATCH] fix(player): apply heading font to nav links, team names, league titles, betslip labels in scoped styles --- apps/player/src/components/desktop/AccountSideNav.vue | 2 ++ apps/player/src/components/desktop/BetSlipPanel.vue | 11 +++++++++++ .../src/components/desktop/DesktopBetSlipRail.vue | 11 ++++++----- apps/player/src/components/desktop/DesktopTopNav.vue | 1 + apps/player/src/components/desktop/LeagueSidebar.vue | 9 +++++---- apps/player/src/components/desktop/MatchSidebar.vue | 1 + .../player/src/components/desktop/OutrightSidebar.vue | 7 ++++--- .../src/components/desktop/SportsCategoryBar.vue | 1 + apps/player/src/styles/desktop/interaction.css | 9 +++++++++ apps/player/src/views/desktop/DesktopFootballView.vue | 2 ++ apps/player/src/views/desktop/DesktopHomeView.vue | 2 ++ .../src/views/desktop/DesktopMatchDetailView.vue | 1 + 12 files changed, 45 insertions(+), 12 deletions(-) diff --git a/apps/player/src/components/desktop/AccountSideNav.vue b/apps/player/src/components/desktop/AccountSideNav.vue index 3160be4..20a4926 100644 --- a/apps/player/src/components/desktop/AccountSideNav.vue +++ b/apps/player/src/components/desktop/AccountSideNav.vue @@ -74,6 +74,7 @@ const menuItems = computed(() => { .hub-nav-title { font-size: 11px; font-weight: 700; + font-family: var(--font-heading); color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; @@ -89,6 +90,7 @@ const menuItems = computed(() => { color: var(--text-muted); font-size: 13px; font-weight: 700; + font-family: var(--font-heading); transition: all 0.2s; position: relative; } diff --git a/apps/player/src/components/desktop/BetSlipPanel.vue b/apps/player/src/components/desktop/BetSlipPanel.vue index ce1ada7..9bbc8ee 100644 --- a/apps/player/src/components/desktop/BetSlipPanel.vue +++ b/apps/player/src/components/desktop/BetSlipPanel.vue @@ -1189,6 +1189,7 @@ onUnmounted(() => { margin: 0; font-size: 14px; font-weight: 800; + font-family: var(--font-heading); color: var(--primary-light); } @@ -1252,6 +1253,7 @@ onUnmounted(() => { color: var(--text-muted); font-size: 12px; font-weight: 700; + font-family: var(--font-heading); padding: 10px 4px; border-bottom: 2px solid transparent; transition: all 0.2s; @@ -1275,6 +1277,7 @@ onUnmounted(() => { color: var(--bg-card); font-size: 9px; font-weight: 800; + font-family: var(--font-heading); padding: 1px 4px; border-radius: 6px; line-height: 1; @@ -1355,6 +1358,7 @@ onUnmounted(() => { .match-name { font-size: 10px; font-weight: 700; + font-family: var(--font-heading); color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; @@ -1417,6 +1421,7 @@ onUnmounted(() => { .selection-name { font-size: 11px; font-weight: 700; + font-family: var(--font-heading); color: var(--text); min-width: 0; overflow: hidden; @@ -1768,6 +1773,7 @@ onUnmounted(() => { color: var(--primary-light); font-size: 11px; font-weight: 700; + font-family: var(--font-heading); transition: all 0.2s; } @@ -1785,6 +1791,7 @@ onUnmounted(() => { color: #FFFFFF; font-size: 13px; font-weight: 800; + font-family: var(--font-heading); text-transform: uppercase; transition: opacity 0.2s; border: none; @@ -1837,6 +1844,7 @@ onUnmounted(() => { color: var(--text-muted); font-size: 11px; font-weight: 700; + font-family: var(--font-heading); transition: all 0.15s; } @@ -1885,6 +1893,7 @@ onUnmounted(() => { .history-pick { font-size: 11px; font-weight: 700; + font-family: var(--font-heading); color: var(--text); line-height: 1.35; min-width: 0; @@ -1894,6 +1903,7 @@ onUnmounted(() => { flex-shrink: 0; font-size: 10px; font-weight: 800; + font-family: var(--font-heading); padding: 1px 5px; border-radius: 3px; } @@ -1920,6 +1930,7 @@ onUnmounted(() => { .history-match { font-size: 10px; + font-family: var(--font-heading); color: var(--text-muted); margin-bottom: 4px; overflow: hidden; diff --git a/apps/player/src/components/desktop/DesktopBetSlipRail.vue b/apps/player/src/components/desktop/DesktopBetSlipRail.vue index 275ebf1..6c6fb8d 100644 --- a/apps/player/src/components/desktop/DesktopBetSlipRail.vue +++ b/apps/player/src/components/desktop/DesktopBetSlipRail.vue @@ -156,11 +156,12 @@ watch( } .rail-label { - writing-mode: vertical-rl; - text-orientation: mixed; - font-size: 12px; - font-weight: 800; - color: var(--primary); +writing-mode: vertical-rl; +text-orientation: mixed; +font-size: 12px; +font-weight: 800; +font-family: var(--font-heading); +color: var(--primary); letter-spacing: 0.12em; } diff --git a/apps/player/src/components/desktop/DesktopTopNav.vue b/apps/player/src/components/desktop/DesktopTopNav.vue index 98a3ff8..2b4edef 100644 --- a/apps/player/src/components/desktop/DesktopTopNav.vue +++ b/apps/player/src/components/desktop/DesktopTopNav.vue @@ -135,6 +135,7 @@ const activeTab = computed(() => { position: relative; font-size: 14px; font-weight: 700; + font-family: var(--font-heading); color: var(--text-muted); padding: 18px 4px; transition: color 0.2s; diff --git a/apps/player/src/components/desktop/LeagueSidebar.vue b/apps/player/src/components/desktop/LeagueSidebar.vue index 2aac451..42831d6 100644 --- a/apps/player/src/components/desktop/LeagueSidebar.vue +++ b/apps/player/src/components/desktop/LeagueSidebar.vue @@ -329,10 +329,11 @@ function onToggleLeague(leagueId: string) { } .league-name { - flex: 1; - font-size: 11px; - font-weight: 600; - color: var(--text); +flex: 1; +font-size: 11px; +font-weight: 600; +font-family: var(--font-heading); +color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; diff --git a/apps/player/src/components/desktop/MatchSidebar.vue b/apps/player/src/components/desktop/MatchSidebar.vue index 12da11b..4f22d95 100644 --- a/apps/player/src/components/desktop/MatchSidebar.vue +++ b/apps/player/src/components/desktop/MatchSidebar.vue @@ -274,6 +274,7 @@ watch(currentMatchId, scrollToActive); .matches-list :deep(.team-name) { font-size: 12px; font-weight: 700; + font-family: var(--font-heading); color: var(--text); text-align: center; padding: 0 4px; diff --git a/apps/player/src/components/desktop/OutrightSidebar.vue b/apps/player/src/components/desktop/OutrightSidebar.vue index 0527255..705a08a 100644 --- a/apps/player/src/components/desktop/OutrightSidebar.vue +++ b/apps/player/src/components/desktop/OutrightSidebar.vue @@ -145,9 +145,10 @@ watch(currentOutrightId, scrollToActive); } .section-hdr { - font-size: 10px; - font-weight: 800; - text-transform: uppercase; +font-size: 10px; +font-weight: 800; +font-family: var(--font-heading); +text-transform: uppercase; color: var(--text-muted); letter-spacing: 0.05em; margin-bottom: 8px; diff --git a/apps/player/src/components/desktop/SportsCategoryBar.vue b/apps/player/src/components/desktop/SportsCategoryBar.vue index 68aaf2d..ea5a74a 100644 --- a/apps/player/src/components/desktop/SportsCategoryBar.vue +++ b/apps/player/src/components/desktop/SportsCategoryBar.vue @@ -68,6 +68,7 @@ function selectSport(id: SportCategory, enabled: boolean) { color: var(--text-muted); font-size: 12px; font-weight: 700; + font-family: var(--font-heading); transition: background 0.18s, border-color 0.18s, color 0.18s; } diff --git a/apps/player/src/styles/desktop/interaction.css b/apps/player/src/styles/desktop/interaction.css index 3c54edc..6d6f30d 100644 --- a/apps/player/src/styles/desktop/interaction.css +++ b/apps/player/src/styles/desktop/interaction.css @@ -50,6 +50,15 @@ .desktop-shell .hero-caption, .desktop-shell .title, .desktop-shell .saishi, +.desktop-shell .nav-link, +.desktop-shell .nav-item, +.desktop-shell .main-tab, +.desktop-shell .name, +.desktop-shell .match-name, +.desktop-shell .selection-name, +.desktop-shell .league-name, +.desktop-shell .league-title, +.desktop-shell .hub-nav-title, .desktop-shell .desktop-records-status, .desktop-shell .desktop-records-filter-group-label, .desktop-shell .desktop-records-table th, diff --git a/apps/player/src/views/desktop/DesktopFootballView.vue b/apps/player/src/views/desktop/DesktopFootballView.vue index 9b760b1..698fe6a 100644 --- a/apps/player/src/views/desktop/DesktopFootballView.vue +++ b/apps/player/src/views/desktop/DesktopFootballView.vue @@ -286,6 +286,7 @@ void loadParlayMatches(true); color: var(--text-muted); font-size: 12px; font-weight: 700; + font-family: var(--font-heading); padding: 5px 10px; border-radius: 4px; transition: all 0.2s; @@ -341,6 +342,7 @@ void loadParlayMatches(true); padding: 6px 10px; font-size: 12px; font-weight: 800; + font-family: var(--font-heading); color: var(--primary-light); background: rgba(0, 102, 204, 0.06); border-left: 3px solid var(--primary); diff --git a/apps/player/src/views/desktop/DesktopHomeView.vue b/apps/player/src/views/desktop/DesktopHomeView.vue index 9102ced..a948ec9 100644 --- a/apps/player/src/views/desktop/DesktopHomeView.vue +++ b/apps/player/src/views/desktop/DesktopHomeView.vue @@ -916,6 +916,7 @@ function getHoveredSideForMatch(match: PlayerHomeMatch | null, cardRootId: strin .team-name { font-size: 12px; font-weight: 700; + font-family: var(--font-heading); color: var(--text); overflow: hidden; text-overflow: ellipsis; @@ -1245,6 +1246,7 @@ function getHoveredSideForMatch(match: PlayerHomeMatch | null, cardRootId: strin .hover-team-name { font-size: 11px; font-weight: 700; + font-family: var(--font-heading); color: var(--text); text-align: center; max-width: 100%; diff --git a/apps/player/src/views/desktop/DesktopMatchDetailView.vue b/apps/player/src/views/desktop/DesktopMatchDetailView.vue index fff8d85..1eddb8a 100644 --- a/apps/player/src/views/desktop/DesktopMatchDetailView.vue +++ b/apps/player/src/views/desktop/DesktopMatchDetailView.vue @@ -559,6 +559,7 @@ function getHoveredSide() { .team-side .name { font-size: 13px; font-weight: 800; + font-family: var(--font-heading); color: var(--text); }