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> </div>
<!-- 宣传图与标题之间的插入位(广告位轮播 2026-09-29 位置调整:用户定稿
「标题的上面」——ActivityPage 经此插槽注入 AdCarousel,本组件不感知广告域)。 -->
<slot name="after-banner" />
<header class="album-info"> <header class="album-info">
<div class="title-row"> <div class="title-row">
<h1 ref="titleEl" class="title" :class="{ clamped: !titleExpanded }">{{ album.translation.title }}</h1> <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" :sort-locked="lightboxPhotoId !== null"
@select-sort="selectSort" @select-sort="selectSort"
@select-category="selectCategory" @select-category="selectCategory"
/> >
<!-- 广告轮播:宣传图与标题之间(用户定稿 2026-09-29;无 banner 时仍居标题上方)。 -->
<template #after-banner>
<AdCarousel v-if="ads.length > 0" :ads="ads" @close="dismissAds" />
</template>
</AlbumHeader>
<!-- 广告位轮播(Task 10):相册头部之下;拉取失败/会话级关闭时整块缺席。 --> <!-- 广告位轮播(Task 10):相册头部之下;拉取失败/会话级关闭时整块缺席。 -->
<AdCarousel v-if="ads.length > 0" :ads="ads" @close="dismissAds" /> <AdCarousel v-if="ads.length > 0" :ads="ads" @close="dismissAds" />