feat(web): 对齐 Alright 主题视觉规范（配色/字体/图标/背景/动效），并补充设计规范文档

2026-10-22 20:27:10 +08:00
parent e522a98f6f
commit 386c0f77c7
50 changed files with 6344 additions and 1094 deletions
@@ -0,0 +1,20 @@
+import type { PosterItem } from '../../data/types'
+import { PosterCard } from './PosterCard'
+
+/** 海报网格：首页 6 列，明细页同样 6 列但间距更大 */
+type PosterGridProps = {
+  items: PosterItem[]
+  variant?: 'home' | 'detail'
+  /** 点击海报打开条目详情 */
+  onOpen?: (itemId: string) => void
+}
+
+export function PosterGrid({ items, variant = 'home', onOpen }: PosterGridProps) {
+  return (
+    <div className={`poster-grid${variant === 'detail' ? ' poster-grid--detail' : ''}`}>
+      {items.map((item) => (
+        <PosterCard key={item.id} item={item} onOpen={onOpen} />
+      ))}
+    </div>
+  )
+}