56 lines
1018 B
Markdown
56 lines
1018 B
Markdown
# 云酒馆前端
|
||
|
||
现代化的 SillyTavern UI，采用 Glassmorphism 风格和深色主题。
|
||
|
||
## 技术栈
|
||
|
||
- React 18 + TypeScript
|
||
- Tailwind CSS
|
||
- Vite
|
||
- React Router
|
||
- Lucide Icons
|
||
|
||
## 开发
|
||
|
||
```bash
|
||
npm install
|
||
npm run dev
|
||
```
|
||
|
||
## 构建
|
||
|
||
```bash
|
||
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 + 深色主题
|
||
|
||
详见 [设计系统文档](../docs/design-system/)
|