fix(player): theme-2 首页移除重复公告走马灯,仅保留 Shell 顶部条

This commit is contained in:
2026-07-06 09:56:33 +08:00
parent 3908e5539d
commit 6828067a89

View File

@@ -4,7 +4,6 @@ import { useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n';
import DesktopBanner3DCarousel from '../../components/desktop/DesktopBanner3DCarousel.vue';
import HomeAnnouncementCard from '../../components/HomeAnnouncementCard.vue';
import AnnouncementMarquee from '../../components/AnnouncementMarquee.vue';
import { usePlayerHome } from '../../composables/usePlayerHome';
import TeamEmblem from '../../components/TeamEmblem.vue';
import GoldSpinner from '../../components/GoldSpinner.vue';
@@ -36,13 +35,6 @@ const restHotMatches = computed<PlayerHomeMatch[]>(() => hotMatches.value.slice(
const upcomingList = computed<PlayerHomeMatch[]>(() => upcomingMatches.value);
const sideRecommendMatches = computed<PlayerHomeMatch[]>(() => hotMatches.value.slice(1, 5));
const marqueeItems = computed<string[]>(() =>
announcementItems.value
.map((it) => it.translation?.title?.trim() || '')
.filter((s): s is string => Boolean(s)),
);
onMounted(() => {
void load(true);
});
@@ -191,12 +183,7 @@ function getHoveredSideForMatch(match: PlayerHomeMatch | null, cardRootId: strin
</div>
</section>
<!-- [C] 璺戦噾鑹叉潯锛堜粎鍦ㄦ湁鏁版嵁鏃跺睍绀猴級 -->
<div v-if="marqueeItems.length" class="home-marquee-strip anim-fade-up" style="--anim-delay:80ms">
<AnnouncementMarquee :items="marqueeItems" embedded />
</div>
<!-- [D] 涓诲尯: ︿富鍐呭 + 鍙充晶鏍?-->
<!-- [D] 主区: 左主内容 + 右侧栏 -->
<div class="main-row">
<div class="main-col">
<!-- [D1] 偣璧涗簨 -->
@@ -593,34 +580,6 @@ function getHoveredSideForMatch(match: PlayerHomeMatch | null, cardRootId: strin
text-align: center;
}
/* [C] 璺戦┈鐏噾鏉?*/
.home-marquee-strip {
position: relative;
height: 34px;
border-radius: 8px;
overflow: hidden;
background: linear-gradient(90deg,
rgba(0, 102, 204, 0.02),
rgba(0, 102, 204, 0.14),
rgba(0, 102, 204, 0.02));
border: 1px solid var(--border-gold-soft);
display: flex;
align-items: stretch; /* let child fill full height */
padding: 0; /* no padding 鈥?child spans edge to edge */
box-shadow: inset 0 0 12px rgba(0, 102, 204, 0.08);
}
/* force the embedded button to fill the strip completely */
.home-marquee-strip :deep(.marquee-bar.embedded) {
width: 100%;
height: 100%;
margin: 0;
padding: 0 12px;
border: none;
border-radius: 0;
background: transparent;
}
/* [D] Main Row */
.main-row {
display: grid;