kali65536/vue_douyin

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

概述

• 使用 @vue/cli 4.2.3 搭建的脚手架
• 视频播放使用插件 vue-video-player
• vue-awesome-swiper 做视频上下滑动

效果

上下滑动自动播放和暂停

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.

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