This commit is contained in:
toom1996
2026-09-25 11:32:11 +08:00
parent 4051c23d75
commit f8ff5b86c7
15 changed files with 86 additions and 197 deletions

View File

@ -32,7 +32,6 @@ interface GalleryImage {
thumb: string
raw: string
name: string
lookIndex: number
}
interface Props {
@ -68,7 +67,7 @@ interface Props {
preview: boolean
/** 占位遮罩格数(补足「剩余 N 张」) */
lockedCount: number
/** 递给客户端的副图投影(look_index + detail),与登录后完整 images 同构解析 */
/** 递给客户端的副图投影(id + detail),与登录后完整 images 同构解析 */
detailPayload: unknown
/** 图集元信息:写进 data-*,供收藏 / 灯箱使用 */
galleryUid: string
@ -186,7 +185,7 @@ const hasImages = previewImages.length > 0
{previewImages.map((im, i) => (
<figure
data-image-index={i}
data-look-index={im.lookIndex}
data-main-id={im.id}
data-image-url={im.url}
data-image-name={im.name}
data-fav-id={im.id}
@ -222,7 +221,7 @@ const hasImages = previewImages.length > 0
</button>
{/* 副图数量角标(共享组件):有副图的主图左下角标「张数」,点它直接开副图灯箱 */}
<DetailCountBadge look={String(im.lookIndex)} />
<DetailCountBadge mainId={im.id} />
</div>
{showCaptions && im.name && (
@ -264,7 +263,7 @@ const hasImages = previewImages.length > 0
<template x-for="(im, i) in extraImages" :key="im.url">
<figure
:data-image-index="5 + i"
:data-look-index="im.lookIndex"
:data-main-id="im.id"
:data-image-url="im.url"
:data-image-name="im.name"
:data-fav-id="im.id"
@ -294,7 +293,7 @@ const hasImages = previewImages.length > 0
<path d="M12 21C12 21 4 14.5 4 8.8C4 6.1 6.1 4 8.7 4C10.3 4 11.5 4.8 12 6C12.5 4.8 13.7 4 15.3 4C17.9 4 20 6.1 20 8.8C20 14.5 12 21 12 21Z"/>
</svg>
</button>
<DetailCountBadge look="im.lookIndex" />
<DetailCountBadge mainId="im.id" />
</div>
{showCaptions && (
<template x-if="im.name">
@ -325,9 +324,9 @@ const hasImages = previewImages.length > 0
)
}
{/* 大图灯箱(共享):当前主图的副图经 details 插槽注入。 */}
{/* 大图灯箱(共享):当前主图的副图经 details 插槽注入。左栏缩略图条已移除(见 GalleryLightbox)。 */}
{hasImages && (
<GalleryLightbox images={previewImages} aspect={aspect}>
<GalleryLightbox>
<LbDetailsStrip slot="details" aspect={aspect} />
</GalleryLightbox>
)}