# yudao-mall-pc

**Repository Path**: xinmaker/yudao-mall-pc

## Basic Information

- **Project Name**: yudao-mall-pc
- **Description**: yudao-mall-pc
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 优购商城前台系统

基于 Vue3 + Vite + TailwindCSS 构建的现代化商城前台系统。

## 功能特性

- 🛒 **首页** - 轮播图、分类导航、热门推荐、秒杀专区
- 📦 **商品列表** - 分类筛选、关键词搜索、多维度排序
- 🎯 **商品详情** - 规格选择、立即购买、加入购物车
- 🛍️ **购物车** - 商品管理、批量操作、实时结算
- 💳 **订单结算** - 地址选择、优惠券使用、费用明细
- 👤 **用户中心** - 订单管理、收货地址、优惠券、个人资料
- 🎁 **促销活动** - 限时秒杀、优惠券领取
- 🔐 **登录注册** - 密码登录、短信验证码登录

## 技术栈

- Vue 3.4
- Vite 5.1
- TailwindCSS 3.4
- Pinia (状态管理)
- Vue Router 4
- Element Plus (UI组件库)
- Axios (HTTP请求)
- TypeScript

## 开始使用

### 安装依赖

```bash
npm install
# 或
pnpm install
```

### 开发模式

```bash
npm run dev
```

访问 http://localhost:3000

### 构建生产版本

```bash
npm run build
```

### 预览生产版本

```bash
npm run preview
```

## API对接

项目通过代理配置对接后端API，默认代理到 `http://localhost:48080`。

可在 `vite.config.ts` 中修改代理配置：

```typescript
server: {
  proxy: {
    '/api': {
      target: 'http://localhost:48080',
      changeOrigin: true,
      rewrite: (path) => path.replace(/^\/api/, '')
    }
  }
}
```

## 项目结构

```
src/
├── api/          # API请求模块
├── components/   # 公共组件
├── layouts/      # 布局组件
├── router/       # 路由配置
├── store/        # Pinia状态管理
├── types/        # TypeScript类型定义
├── utils/        # 工具函数
├── views/        # 页面组件
│   ├── auth/     # 登录注册
│   ├── cart/     # 购物车
│   ├── error/    # 错误页面
│   ├── home/     # 首页
│   ├── order/    # 订单相关
│   ├── pay/      # 支付
│   ├── product/  # 商品
│   ├── promotion/ # 促销活动
│   └── user/     # 用户中心
├── App.vue
├── main.ts
└── style.css
```

## License

MIT