# cmall-vue

**Repository Path**: congz666/cmall-vue

## Basic Information

- **Project Name**: cmall-vue
- **Description**: 基于Vue的电子商城前端页面（类小米商城）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 16
- **Forks**: 6
- **Created**: 2020-06-16
- **Last Updated**: 2023-04-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# CMall 电子商城

#### 基于 Vue 开发的小米商城前端界面[CMall](http://cmall.congz.top/#/)

#### 感谢 [hai-27](https://github.com/hai-27) 的开源 [vue-store](https://github.com/hai-27/vue-store) 项目提供前端页面及框架支持

#### 前端大部分内容已经重写以及加入了一些新功能

#### 后端全部用 golang 重写接口，后端接口项目请至 [cmall-go](https://github.com/congz666/cmall-go)

## 项目依赖

- Vue
- Vue-router
- Vuex
- Element-ui
- Axios

## 运行

```
git clone https://github.com/congz666/cmall-vue.git

cd cmall-vue
//运行
npm run serve
```

项目运行后启动在 8080 端口

## 图片展示

首页

![home](./public/img/home.png)

登录

![login](./public/img/login.png)

注册

![register](./public/img/register.png)

全部商品

![product](./public/img/product.png)

商品详情

![detail](./public/img/detail.png)

收藏

![favorite](./public/img/favorite.png)

订单

![order](./public/img/order.png)

购物车

![cart](./public/img/cart.png)

个人中心

![center](./public/img/center.png)

个人信息

![userdetail](./public/img/userdetail.png)