邦布不上班 · 木鱼不花花 · 摆摊扫码画册站

漫展 / 同人展摆摊用的二维码 H5。 扫码后展示作品集 + 制品菜单 + 减免活动 + 无料领取，不下单 / 不支付 / 不留账号。

技术栈

• Vite + React 18 + TypeScript
• Tailwind CSS + CSS Variables
• framer-motion + @use-gesture/react
• react-router v6

目录约定

src/
  app/         AppShell / router
  components/
    brand/     BrandBanner / TabBar / SectionTitle / SplashScreen
    cards/     EntryCard
    image/     ProtectedImage / PosterViewer / Lightbox
    deco/      装饰 SVG / 社交图标
  pages/       Home / Free / Discount / Goods / Works
  content/     posters.ts / works.ts / profile.ts / hero.ts (静态数据)
  hooks/       useGlobalProtect
  lib/         cn
  styles/      tokens.css / globals.css
public/img/    posters / works / thumb / hero / banner

命令

pnpm install
pnpm dev          # 本地开发，http://localhost:5173
pnpm build        # 生产构建
pnpm preview      # 预览构建产物

设计参考

见 D:\bro\电子菜单\DESIGN.md（v3）。

图片资源

来自 D:\bro\电子菜单_web\large\ 和 thumb\，已通过 compress_images.py 压缩。