style(viewer): 广告轮播移至宣传图与标题之间(after-banner 插槽)

用户定稿:广告位放标题上面——AlbumHeader 增具名插槽注入,
组件不感知广告域;无 banner 时仍居标题上方。

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
2026-09-29 10:03:15 +08:00
parent 328140494f
commit 2261b8aebc
2 changed files with 10 additions and 1 deletions
@@ -164,6 +164,10 @@ watch(
>
</div>
<!-- 宣传图与标题之间的插入位(广告位轮播 2026-09-29 位置调整:用户定稿
「标题的上面」——ActivityPage 经此插槽注入 AdCarousel,本组件不感知广告域)。 -->
<slot name="after-banner" />
<header class="album-info">
<div class="title-row">
<h1 ref="titleEl" class="title" :class="{ clamped: !titleExpanded }">{{ album.translation.title }}</h1>
+6 -1
View File
@@ -363,7 +363,12 @@ onBeforeUnmount(() => {
:sort-locked="lightboxPhotoId !== null"
@select-sort="selectSort"
@select-category="selectCategory"
/>
>
<!-- 广告轮播:宣传图与标题之间(用户定稿 2026-09-29;无 banner 时仍居标题上方)。 -->
<template #after-banner>
<AdCarousel v-if="ads.length > 0" :ads="ads" @close="dismissAds" />
</template>
</AlbumHeader>
<!-- 广告位轮播(Task 10):相册头部之下;拉取失败/会话级关闭时整块缺席。 -->
<AdCarousel v-if="ads.length > 0" :ads="ads" @close="dismissAds" />