feat: enhance admin UI with responsive styles and new components

- Updated styles in src/styles.css for better responsiveness and layout adjustments.
- Added new CSS classes for edit drawer and item rail components.
- Introduced animations for drawer transitions.
- Created new types in src/types/admin.ts for better type safety in admin features.
- Modified vite.config.ts to change server port and enable strict port settings for development.
This commit is contained in:
duanshuwen
2026-07-01 16:55:23 +08:00
parent b9a57fe03c
commit 462498660e
20 changed files with 2840 additions and 1554 deletions

View File

@@ -20,7 +20,9 @@ yarn install
yarn dev
```
访问http://localhost:5601
访问http://localhost:5602
局域网访问可使用本机 IP例如 `http://192.168.1.23:5602/`。该地址由 Vite dev server 提供,支持样式和组件热更新。
默认后台账号由 `WonderQ-Admin` 提供:`admin@example.com / ChangeMe123!`
@@ -33,6 +35,6 @@ yarn dev
- `src/styles.css`Tailwind 入口、设计变量、后台布局和响应式样式。
- `public/assets/`:后台预览所需静态资源,保留 `/assets/...` 引用方式。
- `components.json`shadcn/ui 组件配置。
- `vite.config.ts`:开发环境将 `/api` 代理到 `http://localhost:4000`并接入 Tailwind Vite 插件与 `@/*` 路径别名
- `vite.config.ts`:开发环境将 `/api` 代理到 `http://localhost:4000`dev server 固定运行在 `5602` 并支持 HMR生产构建预览运行在 `5603`
本仓库已经独立,不再依赖 `WonderQ-MiniAPP` 的相对路径。