高仿bilibiliAPP
技术栈
前端 vue + axios + webpack + scss
后端 Express
目前实现的功能包括：
-
首页推荐
-
分类滑动导航
-
搜索
-
视频播放 （双击播放/暂停， 进度条拖动，倍速播放，全屏播放）
-
相关视频推荐
-
评论
-
弹幕（发送弹幕，常用语，自定义颜色，大小，历史弹幕）
-
一键换肤
-
自定义模态框组件loading、alert
import alertModal from './base/alertModal/alertModal'
Vue.use(alertModal)
this.$message.showLoading()
this.$message.hideLoading()
弹幕效果现在全部内容是从右向左滚动的效果，等后续再实现高级效果
项目启动
后端启动
bilibili-vue/bilibili-express 目录下
npm start
前端启动
bilibili-vue 目录下
npm install
npm run dev
先启动后台接口，再启动前端
部分效果图
主页
搜索
视频
换肤
主页header中点击调色板按钮进入换肤界面
