24 lines
717 B
Markdown
24 lines
717 B
Markdown
|
# 常用项目配置
|
||
|
|
|
||
|
|
## 前端项目结构
|
||
|
|
```
|
||
|
|
src/
|
||
|
|
├── app/ # Next.js App Router 页面
|
||
|
|
├── components/ # 可复用组件
|
||
|
|
│ ├── ui/ # 基础 UI 组件
|
||
|
|
│ └── layout/ # 布局组件
|
||
|
|
├── contexts/ # React Context
|
||
|
|
├── hooks/ # 自定义 Hooks
|
||
|
|
├── lib/ # 工具函数
|
||
|
|
├── services/ # API 服务层
|
||
|
|
└── types/ # TypeScript 类型定义
|
||
|
|
```
|
||
|
|
|
||
|
|
## 主题系统实现
|
||
|
|
```css
|
||
|
|
:root { --color-primary-500: #3b82f6; }
|
||
|
|
[data-theme="dark"] { --color-primary-500: #60a5fa; }
|
||
|
|
[data-theme="pink"] { --color-primary-500: #ec4899; }
|
||
|
|
[data-theme="green"] { --color-primary-500: #22c55e; }
|
||
|
|
```
|