# everwin-admin-radix

**Repository Path**: everwin-admin_1/everwin-admin-radix

## Basic Information

- **Project Name**: everwin-admin-radix
- **Description**: 基于 Vue 3 + TypeScript +Radix Vue + Tailwind CSS 的现代化企业级后台管理系统。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-28
- **Last Updated**: 2026-04-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Everwin Admin

基于 Vue 3 + TypeScript + Tailwind CSS 的现代化企业级后台管理系统。

## 技术栈

| 类别 | 技术 |
|------|------|
| 框架 | Vue 3.5 + TypeScript 5.6 |
| 构建工具 | Vite 6 |
| 状态管理 | Pinia |
| 路由 | Vue Router 4 |
| 样式 | Tailwind CSS 3 + tailwindcss-animate |
| UI 组件 | 基于 Radix Vue 的 shadcn/ui 风格组件 |
| HTTP 请求 | Alova |
| 图标 | Lucide Vue Next |
| 工具库 | clsx, tailwind-merge, class-variance-authority |

## 环境要求

- Node.js >= 18
- pnpm (推荐)

## 快速开始

```bash
# 安装依赖
pnpm install

# 启动开发服务器（默认端口 5173）
pnpm dev

# 类型检查 + 生产构建
pnpm build

# 预览生产构建
pnpm preview
```

## 功能模块

- **工作台** - 数据概览仪表盘
- **订单管理** - 订单列表、详情、创建、删除
- **用户管理** - 用户信息维护
- **商品管理** - 商品信息维护
- **内容管理** - 内容发布与维护
- **数据分析** - 数据可视化与统计
- **消息中心** - 站内消息通知
- **文件管理** - 文件上传与管理
- **系统日志** - 操作日志查询
- **权限管理** - 角色与权限配置
- **系统设置** - 系统参数配置

## 项目结构

```
src/
├── api/              # API 请求层（Alova）
├── assets/           # 静态资源
├── components/
│   ├── layout/       # 布局组件（Header, Sidebar, MainLayout）
│   └── ui/           # 通用 UI 组件库（shadcn/ui 风格）
├── composables/      # Vue 组合式函数
├── data/             # Mock 数据
├── lib/              # 工具函数
├── router/           # 路由配置（含鉴权守卫）
├── stores/           # Pinia 状态管理
└── views/            # 页面视图
```

## 路径别名

项目配置了 `@` 路径别名指向 `src/` 目录：

```ts
import { cn } from '@/lib/utils'
```

## 主题

支持暗色模式，通过 CSS class 策略切换（`darkMode: ["class"]`）。主题色基于 CSS 自定义属性（HSL 变量），可在 `src/index.css` 中自定义。