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

本项目为B站移动端的克隆版,采用Vue.js、Vuex等技术栈实现单页应用,包括首页轮播图、直播、推荐等功能,并支持视频播放及评论交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目地址

· 由于项目是移动端,电脑访问时可以切换成手机端
· 播放页面其实没有根据B站移动端来, 比较粗糙?
· ?源码地址 (欢迎Star)
· ?在线预览

项目描述

前端部分

  • 实现的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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值