# vant demo

**Repository Path**: johnjobson/vant_demo

## Basic Information

- **Project Name**: vant demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-03
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vant_demo

## 项目设置
```
npm install
```

### 编译和热重装以进行开发
```
npm run serve
```

### 编译并最小化生产
```
npm run build
```

### 整理和修复文件
```
npm run lint
```

### 自定义配置
See [Configuration Reference](https://cli.vuejs.org/config/).

## 插件目录

### 运行依赖

**1.Vuex** 跨组件通信

**2.axios**  拦截器

**3.vant** 框架

**4.mescroll.js** 下拉刷新上拉加载

**5.vue-awesome-swiper** 轮播图

**6.vue-gotop** 返回顶部

### 开发依赖

**1. babel-plugin-transform-remove-console** 删除consloe

**2. less-loader** css语法

**3. less** css语法

**4.@babel/plugin-syntax-dynamic-import** 页面懒加载

## 效果

| 名称     |                            效果图                            | 名称   |                            效果图                            |
| -------- | :----------------------------------------------------------: | ------ | :----------------------------------------------------------: |
| 登陆     | <img src=" https://johnjobson.github.io/CDN/project_img/2_1.jpg" style="width: 80%"> | 注册   | <img src=" https://johnjobson.github.io/CDN/project_img/2_2.jpg" style="width: 80%"> |
|          |                                                              |        |                                                              |
| 首页     | <img src=" https://johnjobson.github.io/CDN/project_img/2_3.jpg" style="width: 80%"> | 分类   | <img src=" https://johnjobson.github.io/CDN/project_img/2_4.jpg" style="width: 80%"> |
|          |                                                              |        |                                                              |
| 分类列表 | <img src=" https://johnjobson.github.io/CDN/project_img/2_5.jpg" style="width: 80%"> | 购物车 | <img src=" https://johnjobson.github.io/CDN/project_img/2_6.jpg" style="width: 80%"> |
|          |                                                              |        |                                                              |
| 个人中心 | <img src=" https://johnjobson.github.io/CDN/project_img/2_7.jpg" style="width: 80%"> | 头像   | <img src=" https://johnjobson.github.io/CDN/project_img/2_8.jpg" style="width: 80%"> |
|          |                                                              |        |                                                              |