Vue.js仿QQ音乐(移动端)
项目地址
用电脑在线预览记得切换成手机端哟
在线预览( ̄3 ̄)
源码地址
项目描述
主要技术
使用Vue.js实现单页应用
使用Vue Router处理路由请求
使用Vuex实现数据存储,管理组件间的状态,实现非父子组件之间的通信
使用Axios请求数据
Flexible实现手机端兼容
Swiper,Indicator来自Mint-ui
完成情况
手机版QQ音乐首页(我的,音乐馆,发现,全部歌曲,下载歌曲,最近播放,我的歌单等)
搜索(歌曲搜索、歌手搜索、歌单搜索、专辑搜索)
播放页面
音乐馆轮播图
播放过的歌会自动加入到最近播放的歌单中
来几张图片
来个动态图(简单一张,多了耗流量,有兴趣可以点在线预览哦)
第一次做Vue项目,虽然还有很多不足的地方,还是请大家多多支持哟,么么扎。
欢迎点赞和给出宝贵的意见!
关于我 →RESUME
Vue.js仿QQ音乐(移动端)相关推荐
- 用Vue高仿qq音乐官网-pc端
用Vue高仿qq音乐官网-pc端 一直想做一个vue项目 然后呢 我就做了http://www.tuicool.com/articles/eymeiiN 效果预览 部分地方不全部根据原版,也有自由发挥 ...
- 模仿QQ音乐wap端
Net Music https://github.com/ITch8/NetMusic 模仿QQ音乐wap端 实践中来学习Vue技术栈开发 效果图 体验 开发 技术栈 Vue + VueRouter ...
- 20230621----重返学习-仿QQ音乐播放器-静态页面的免费部署-vue2
day-096-ninety-six-20230621-仿QQ音乐播放器-静态页面的免费部署-vue2 仿QQ音乐播放器 audio音频标签 audio标签 <audio src="i ...
- html仿qq最小化怎么实现,JS仿QQ好友列表展开、收缩功能(第一篇)
JS仿QQ好友列表展开.收缩功能(第一篇) 发布时间:2020-10-17 14:20:03 来源:脚本之家 阅读:96 作者:erdouzhang 效果图如下所示: html: 我的好友 张三 李四 ...
- CSS+JS仿QQ面板风格的多级折叠下拉菜单
<html><head><title>CSS+JS仿QQ面板风格的多级折叠下拉菜单丨石家庄玻璃隔断|石家庄自动门</title><style ty ...
- android+仿ios+音乐播放器,iOS简单的音乐播放器(仿QQ音乐)
AVPlayer实现基本的播放,暂停,上一首,下一首,调节音量,调节进度等,正在学习的新人可以看下,有什么不足可以互相学习,谢谢支持 qq音乐.gif 这个是我写的一个简单的低仿QQ音乐, 如果你也喜 ...
- 基于jQuery仿QQ音乐播放器网页版代码
基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div class=" ...
- ios音乐播放器-仿QQ音乐
这篇文章主要写一个iOS系统下的音乐播放器 , 包括简单的仿QQ音乐播放器界面.音乐播放.歌词解析.后台控制等 ,如果你正好需要 , 希望你看完后能够对你的提升有所帮助 , 当然,阅读中如果发现什么 ...
- 计算机毕业设计-仿QQ音乐--HTML+CSS
目录 作品展示 html部分代码 CSS部分代码 轮播部分 作品展示 html部分代码 <body><!--头部--><header><div class=& ...
最新文章
- ML基石_9_LinearRegression
- 皮一皮:运气差,可能说的就是这个吧...
- JavaScript DOM操作表格及样式
- 二叉树初始化_Java实现二叉树
- 全国计算机等级考试题库二级C操作题100套(第32套)
- linux下telnet失败怎么处理,CentOS下telnet退出失败的解决办法
- 动态规划应用--双11购物凑单
- scp linux 自动化,expect(spawn) 自动化git提交和scp拷贝---centos(linux)
- 如何将自定义消息添加到Mac锁屏
- 经典排序算法(二十)--Strand Sort
- Microsoft .NET Micro Framework Training conducted by Sean Liming (上海)
- python开发助理s_如何使用Python构建自己的AI个人助理
- android studio插件 统计代码行数
- 高等数学(第七版)同济大学 总习题一 个人解答
- 软路由ros(MIKROTIK)安装教程:[11]端口映射
- 关于京东抢票的一个BUG
- 2022年四川二级建造师建设工程法规及相关知识《解决建设工程纠纷法律制度》练习及答案
- 2018年物联网发展的八大趋势!
- poi生成word 纸张方向横竖切换
- 无法连接到服务器。错误代码 0x80072EFD