# vue_douyin

**Repository Path**: kali65536/vue_douyin

## Basic Information

- **Project Name**: vue_douyin
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 模仿抖音首页的视频播放效果

## 概述
- 使用 @vue/cli 4.2.3 搭建的脚手架
- 视频播放使用插件 [vue-video-player](https://github.com/surmon-china/vue-video-player)
- [vue-awesome-swiper](https://github.com/surmon-china/vue-awesome-swiper) 做视频上下滑动

## 效果

上下滑动自动播放和暂停

![](./images/效果图.png)

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

配置修改\src\components\index\VideoList.vue