style(viewer): 广告轮播移至宣传图与标题之间(after-banner 插槽)
用户定稿:广告位放标题上面——AlbumHeader 增具名插槽注入, 组件不感知广告域;无 banner 时仍居标题上方。 Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
Reference in New Issue
Block a user