update
Some checks failed
deploy / deploy (push) Has been cancelled

This commit is contained in:
toom1996
2026-08-19 01:27:36 +08:00
parent d14dd7e2db
commit e1552feb8c
5 changed files with 20 additions and 33 deletions

View File

@ -549,7 +549,6 @@ if (!yearChips.length) yearChips = yearSeed
</style>
<script>
import Alpine from "alpinejs"
import { getArticles, getBrands, toAbs, type ArticleItem, type BrandEntry } from "@/lib/api"
const ICON_USER = `<svg viewBox="0 0 12 12" width="9" height="9" aria-hidden="true"><circle cx="6" cy="4" r="2" stroke="currentColor" fill="none" stroke-width="1"/><path d="M2 10c0-2 1.8-3 4-3s4 1 4 3" stroke="currentColor" fill="none" stroke-width="1" stroke-linecap="round"/></svg>`

View File

@ -53,7 +53,7 @@ const homeHref = locale === "cn" ? "/cn" : "/en/"
const archiveHref = locale === "cn" ? "/cn/shows" : "/en/shows"
const crumbs: { label: string; href: string }[] = [
{ label: "Home", href: homeHref },
{ label: "Runway Archive", href: archiveHref },
{ label: "Runway Looks", href: archiveHref },
]
if (article?.brand_id) {
crumbs.push({
@ -98,9 +98,6 @@ if (article?.brand_id) {
</section>
)}
<div class="mt-16 pt-6 border-t border-black">
<a href={homeHref} class="text-[12px] font-mono uppercase tracking-widest hover:opacity-60 transition-opacity">{lbl.back}</a>
</div>
</article>
) : (
<div class="flex flex-col items-center justify-center min-h-[60vh] px-5 text-center">
@ -137,7 +134,7 @@ if (article?.brand_id) {
class="relative block w-full aspect-[3/4] mb-2 rounded-[2px] overflow-hidden cursor-pointer transition-all duration-200"
:class="lbIndex === i ? 'opacity-100 scale-[1.03] ring-2 ring-[#111]' : 'opacity-40 hover:opacity-85'"
>
<img :src="im.url" alt="" class="w-full h-full object-cover block" />
<img :src="im.url" alt="" loading="lazy" class="w-full h-full object-cover block" />
<span
class="absolute left-1 top-1 z-10 font-mono text-[8px] sm:text-[9px] font-semibold tracking-widest text-white px-1 py-0.5 rounded-[3px] bg-black/55 backdrop-blur-sm"
:class="lbIndex === i ? '!bg-[#111]' : ''"
@ -177,6 +174,7 @@ if (article?.brand_id) {
:src="images[lbIndex].url"
:alt="images[lbIndex].name || ''"
@click="toggleZoom()"
loading="lazy"
class="block select-none transition-opacity duration-200"
:class="lbZoomed ? 'w-full max-w-full h-auto max-h-none cursor-zoom-out' : 'max-w-full max-h-full object-contain cursor-zoom-in'"
/>
@ -198,6 +196,7 @@ if (article?.brand_id) {
<!-- Alpine.js 业务逻辑:仅负责灯箱交互,图片数据由服务端注入 -->
<script>
document.addEventListener('alpine:init', () => {
alert(1212)
Alpine.data('articleView', (images = []) => ({
images,
lbOpen: false,