IT编程

Vue.js全家桶仿哔哩哔哩动画 (移动端APP)

2017-06-24  本文已影响120人  幼稚完噢

项目地址

· 由于项目是移动端,电脑访问时可以切换成手机端

· 播放页面其实没有根据B站移动端来, 比较粗糙😂

· 👉源码地址

· 👉在线预览

项目描述

前端部分

· 实现的Swiper, Toast, Indicator组件 来自Mint-ui 

· 使用了Vue.js做单页应用 

· 使用了Vue Router处理路由请求

· 使用了Axios做ajax请求 

· 使用了Vuex管理组件间的状态,实现非父子组件之间的通信

· 皮肤状态通过localstorage存储 

后端部分

· 开发环境下使用了express处理路由

待更新的功能

· Video标签的优化

· 直播界面的优化 

· 视频的弹幕加载

· 将Vuex管理优化

· 一些bug的解决

小提示

运行项目的时候注意一下网络, 一不小心会耗费一小波流量😂 (´・_・`)

遇到在线预览显示不出来的情况,可以戳源码本地运行

实现的功能

B站首页(轮播图、直播、推荐、番剧、排行榜、分区)

切换主题(黑色和粉色的主题)

搜索视频

播放页面(简介、评论显示、发表评论、点赞、番剧选集)

详情

跨域问题戳这里项目

项目大致👇

由于项目做的比较仓促,也比较粗糙. 项目中还有很多bug, 请见谅. 欢迎大家提issue,pr. 欢迎Star, 嘻嘻😂

原文地址👉https://youhonglian.github.io...

关于我👉RESUME


上一篇下一篇

猜你喜欢

热点阅读