## 主要改动 - 使用 React 18 + TypeScript + Vite 5 重构前端 - 采用 TailwindCSS 实现 Vben Admin 设计风格 - 蓝白色系主题,完整支持暗黑模式 - 新增顶部导航栏(用户信息、主题切换、退出登录) - 新增多标签页导航功能 - 深色侧边栏设计 ## 已完成页面 - 登录/注册页面 - 仪表盘 - 账号管理 - 商品管理 - 关键词管理 - 卡券管理 - 系统设置 - 系统日志 - 管理员页面 ## 技术栈 - React 18 + TypeScript - Vite 5 - TailwindCSS - Zustand (状态管理) - React Router 6 - Lucide React (图标) - Framer Motion (动画)
52 lines
1.5 KiB
JSON
52 lines
1.5 KiB
JSON
{
|
|
"name": "xianyu-admin-frontend",
|
|
"private": true,
|
|
"version": "1.0.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "tsc && vite build",
|
|
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
"preview": "vite preview"
|
|
},
|
|
"dependencies": {
|
|
"@radix-ui/react-avatar": "^1.0.4",
|
|
"@radix-ui/react-dialog": "^1.0.5",
|
|
"@radix-ui/react-dropdown-menu": "^2.0.6",
|
|
"@radix-ui/react-label": "^2.0.2",
|
|
"@radix-ui/react-select": "^2.0.0",
|
|
"@radix-ui/react-slot": "^1.0.2",
|
|
"@radix-ui/react-switch": "^1.0.3",
|
|
"@radix-ui/react-tabs": "^1.0.4",
|
|
"@radix-ui/react-toast": "^1.1.5",
|
|
"@radix-ui/react-tooltip": "^1.0.7",
|
|
"@tanstack/react-query": "^5.17.0",
|
|
"axios": "^1.6.5",
|
|
"class-variance-authority": "^0.7.0",
|
|
"clsx": "^2.1.0",
|
|
"framer-motion": "^10.18.0",
|
|
"lucide-react": "^0.309.0",
|
|
"react": "^18.2.0",
|
|
"react-dom": "^18.2.0",
|
|
"react-router-dom": "^6.21.1",
|
|
"tailwind-merge": "^2.2.0",
|
|
"zustand": "^4.4.7"
|
|
},
|
|
"devDependencies": {
|
|
"@types/node": "^20.10.6",
|
|
"@types/react": "^18.2.46",
|
|
"@types/react-dom": "^18.2.18",
|
|
"@typescript-eslint/eslint-plugin": "^6.17.0",
|
|
"@typescript-eslint/parser": "^6.17.0",
|
|
"@vitejs/plugin-react": "^4.2.1",
|
|
"autoprefixer": "^10.4.16",
|
|
"eslint": "^8.56.0",
|
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
"eslint-plugin-react-refresh": "^0.4.5",
|
|
"postcss": "^8.4.33",
|
|
"tailwindcss": "^3.4.1",
|
|
"typescript": "^5.3.3",
|
|
"vite": "^5.0.10"
|
|
}
|
|
}
|