云酒馆前端
现代化的 SillyTavern UI，采用 Glassmorphism 风格和深色主题。
技术栈
- React 18 + TypeScript
- Tailwind CSS
- Vite
- React Router
- Lucide Icons
开发
npm install
npm run dev
构建
npm run build
npm run preview
项目结构
src/
├── components/ # 可复用组件
│ ├── Navbar.tsx
│ ├── Sidebar.tsx
│ ├── ChatArea.tsx
│ └── ...
├── pages/ # 页面组件
│ ├── HomePage.tsx
│ ├── CharacterMarket.tsx
│ ├── CharacterManagePage.tsx
│ ├── PresetManagePage.tsx
│ └── ...
├── App.tsx # 路由配置
├── main.tsx # 入口文件
└── index.css # 全局样式
设计系统
- 主色调: #7C3AED (紫色)
- 次要色: #A78BFA (淡紫色)
- 强调色: #F97316 (橙色)
- 字体: Inter
- 风格: Glassmorphism + 深色主题
详见 设计系统文档