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-16 00:56:59 +08:00
parent 31cb7a125a
commit 781242ede0
26 changed files with 1814 additions and 1214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/index.astro
View File

@ -2,10 +2,15 @@
import Layout from "../layouts/Layout.astro"
import ComingSoon from "../components/ComingSoon.astro"
import { getShows, seriesLabel } from "../lib/data"
import { getLocaleFromUrl, useTranslations } from "../i18n/utils"
// SSR 预取走秀数据
const shows = await getShows(20)
// 国际化：根据 URL 前缀（/cn/...）取当前语言与翻译函数
const locale = getLocaleFromUrl(Astro.url)
const { t } = useTranslations(locale)
type GalleryItem = {
src: string;
brand: string;
@ -74,13 +79,7 @@ for (const s of shows) {
<main class="grow min-h-[400px] mt-10">
<!-- 发布会 面板（默认激活） -->
<div class="panel" x-show="activeTab === 'backstage'" x-transition.opacity.duration.300ms>
<div class="sec-head">
<div>
<h2 class="sec-title">RUNWAY ARCHIVE</h2>
<p class="sec-sub">走秀档案 · 精选最新上架的秀场</p>
</div>
<a href="/shows" class="sec-more">全部走秀 →</a>
</div>
<div class="container px-md md:px-xl text-2xl md:text-2xl-1 font-medium mb-4">Hot Brand</div>
<!-- 横向滚动画廊 -->
{
@ -129,8 +128,8 @@ for (const s of shows) {
</div>
</div>
<div class="hs-controls flex justify-between items-center text-[13px] font-bold">
<div class="text-[16px] hs-arrow hs-prev cursor-pointer hover:opacity-60 transition-opacity duration-200" role="button" tabindex="0">Previous</div>
<div class="text-[16px] hs-arrow hs-next cursor-pointer hover:opacity-60 transition-opacity duration-200" role="button" tabindex="0">Next</div>
<div class="text-[16px] hs-arrow hs-prev cursor-pointer hover:opacity-60 transition-opacity duration-200" role="button" tabindex="0">{t('Previous')}</div>
<div class="text-[16px] hs-arrow hs-next cursor-pointer hover:opacity-60 transition-opacity duration-200" role="button" tabindex="0">{t('Next')}</div>
</div>
</div>
</section>