项目地址
· 由于项目是移动端,电脑访问时可以切换成手机端
· 播放页面其实没有根据B站移动端来, 比较粗糙
· 源码地址
· 在线预览
项目描述
前端部分
- 实现的Swiper, Toast, Indicator组件 来自Mint-ui
- 使用了Vue.js做单页应用
- 使用了Vue Router处理路由请求
- 使用了Axios做ajax请求
- 使用了Vuex管理组件间的状态,实现非父子组件之间的通信
- 皮肤状态通过localstorage存储
后端部分
- 开发环境下使用了express处理路由
待更新的功能
- Video标签的优化
- 直播界面的优化
- 视频的弹幕加载
- 将Vuex管理优化
- 一些bug的解决
小提示
运行项目的时候注意一下网络, 一不小心会耗费一大波流量 (´・_・`)
遇到在线预览显示不出来的情况,可以戳源码本地运行
实现的功能
- B站首页(轮播图、直播、推荐、番剧、排行榜、分区)
- 切换主题(黑色和粉色的主题)
- 搜索视频
- 播放页面(简介、评论显示、发表评论、点赞、番剧选集)
详情
由于项目做的比较仓促,也比较粗糙. 项目中还有很多bug, 请见谅. 欢迎大家提issue,pr