fix(player): theme-2 首页移除重复公告走马灯,仅保留 Shell 顶部条
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user