update
This commit is contained in:
@ -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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user