toom1996/frontend_v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
toom1996
2026-08-18 00:47:04 +08:00
parent e83fff9a9f
commit 55c199a5c1
39 changed files with 462 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/cn/shows.astro
View File

@ -1,6 +1,7 @@
---
import Layout from "../layouts/Layout.astro"
import { getBrands, getYears, type BrandEntry } from "../lib/api"
import Layout from "@/layouts/Layout.astro"
import Breadcrumb from "@/components/Breadcrumb.astro"
import { getBrands, getYears, type BrandEntry } from "@/lib/api"
let sidebarBrands: BrandEntry[] = []
let yearChips: number[] = []
@ -24,13 +25,14 @@ if (!yearChips.length) yearChips = yearSeed
<!-- 顶部：极简眉头 -->
<header class="showshead">
<div>
<nav class="showscrumb" aria-label="Breadcrumb">
<a href="/">Home</a>
<span class="sep" aria-hidden="true">/</span>
<a href="/shows">All Shows</a>
<span class="sep" aria-hidden="true">/</span>
<span class="cur" aria-current="page" x-text="crumbYear"></span>
</nav>
<Breadcrumb
items={[
{ label: 'Home', href: '/' },
{ label: 'Runway Archive', href: '/shows' },
]}
>
<span slot="current" x-text="crumbYear">2026 Edition</span>
</Breadcrumb>
<h1 class="showsh1">All Shows</h1>
</div>
</header>
@ -292,18 +294,6 @@ if (!yearChips.length) yearChips = yearSeed
.showshead {
@apply flex justify-between items-end gap-6 py-5 pb-[26px] ;
}
.showscrumb {
@apply inline-flex items-center gap-[10px] mb-[10px] text-[11px] tracking-[0.18em] uppercase text-[#999] no-underline;
}
.showscrumb a {
@apply text-black no-underline transition-colors duration-150 hover:text-[#888];
}
.showscrumb .sep {
@apply text-[#cfcfcf] select-none;
}
.showscrumb .cur {
@apply text-[#999];
}
.showsh1 {
@apply text-[clamp(40px,6vw,72px)] leading-[0.9] font-black tracking-[-0.02em] my-0 mb-[10px];
}
@ -554,7 +544,7 @@ if (!yearChips.length) yearChips = yearSeed
<script>
import Alpine from "alpinejs"
import { getArticles, getBrands, toAbs, type ArticleItem, type BrandEntry } from "../lib/api"
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>`
const ICON_DATE = `<svg viewBox="0 0 12 12" width="9" height="9" aria-hidden="true"><rect x="2" y="3" width="8" height="7" stroke="currentColor" fill="none" stroke-width="1"/><path d="M2 6h8M4 2v2M8 2v2" stroke="currentColor" fill="none" stroke-width="1" stroke-linecap="round"/></svg>`