项目地址

  • 用电脑在线预览记得切换成手机端哟

  • 在线预览( ̄3 ̄)

  • 源码地址

项目描述

主要技术

  • 使用Vue.js实现单页应用

  • 使用Vue Router处理路由请求

  • 使用Vuex实现数据存储,管理组件间的状态,实现非父子组件之间的通信

  • 使用Axios请求数据

  • Flexible实现手机端兼容

  • Swiper,Indicator来自Mint-ui

完成情况

  • 手机版QQ音乐首页(我的,音乐馆,发现,全部歌曲,下载歌曲,最近播放,我的歌单等)

  • 搜索(歌曲搜索、歌手搜索、歌单搜索、专辑搜索)

  • 播放页面

  • 音乐馆轮播图

  • 播放过的歌会自动加入到最近播放的歌单中

来几张图片

来个动态图(简单一张,多了耗流量,有兴趣可以点在线预览哦)

第一次做Vue项目,虽然还有很多不足的地方,还是请大家多多支持哟,么么扎。
欢迎点赞和给出宝贵的意见!

关于我 →RESUME

Vue.js仿QQ音乐(移动端)相关推荐

  1. 用Vue高仿qq音乐官网-pc端

    用Vue高仿qq音乐官网-pc端 一直想做一个vue项目 然后呢 我就做了http://www.tuicool.com/articles/eymeiiN 效果预览 部分地方不全部根据原版,也有自由发挥 ...

  2. 模仿QQ音乐wap端

    Net Music https://github.com/ITch8/NetMusic 模仿QQ音乐wap端 实践中来学习Vue技术栈开发 效果图 体验 开发 技术栈 Vue + VueRouter ...

  3. 20230621----重返学习-仿QQ音乐播放器-静态页面的免费部署-vue2

    day-096-ninety-six-20230621-仿QQ音乐播放器-静态页面的免费部署-vue2 仿QQ音乐播放器 audio音频标签 audio标签 <audio src="i ...

  4. html仿qq最小化怎么实现,JS仿QQ好友列表展开、收缩功能(第一篇)

    JS仿QQ好友列表展开.收缩功能(第一篇) 发布时间:2020-10-17 14:20:03 来源:脚本之家 阅读:96 作者:erdouzhang 效果图如下所示: html: 我的好友 张三 李四 ...

  5. CSS+JS仿QQ面板风格的多级折叠下拉菜单

    <html><head><title>CSS+JS仿QQ面板风格的多级折叠下拉菜单丨石家庄玻璃隔断|石家庄自动门</title><style ty ...

  6. android+仿ios+音乐播放器,iOS简单的音乐播放器(仿QQ音乐)

    AVPlayer实现基本的播放,暂停,上一首,下一首,调节音量,调节进度等,正在学习的新人可以看下,有什么不足可以互相学习,谢谢支持 qq音乐.gif 这个是我写的一个简单的低仿QQ音乐, 如果你也喜 ...

  7. 基于jQuery仿QQ音乐播放器网页版代码

    基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览    源码下载 实现的代码. html代码: <div class=" ...

  8. ios音乐播放器-仿QQ音乐

    这篇文章主要写一个iOS系统下的音乐播放器 , 包括简单的仿QQ音乐播放器界面.音乐播放.歌词解析.后台控制等  ,如果你正好需要 , 希望你看完后能够对你的提升有所帮助 , 当然,阅读中如果发现什么 ...

  9. 计算机毕业设计-仿QQ音乐--HTML+CSS

    目录 作品展示 html部分代码 CSS部分代码 轮播部分 作品展示 html部分代码 <body><!--头部--><header><div class=& ...

最新文章

  1. ML基石_9_LinearRegression
  2. 皮一皮:运气差,可能说的就是这个吧...
  3. JavaScript DOM操作表格及样式
  4. 二叉树初始化_Java实现二叉树
  5. 全国计算机等级考试题库二级C操作题100套(第32套)
  6. linux下telnet失败怎么处理,CentOS下telnet退出失败的解决办法
  7. 动态规划应用--双11购物凑单
  8. scp linux 自动化,expect(spawn) 自动化git提交和scp拷贝---centos(linux)
  9. 如何将自定义消息添加到Mac锁屏
  10. 经典排序算法(二十)--Strand Sort
  11. Microsoft .NET Micro Framework Training conducted by Sean Liming (上海)
  12. python开发助理s_如何使用Python构建自己的AI个人助理
  13. android studio插件 统计代码行数
  14. 高等数学(第七版)同济大学 总习题一 个人解答
  15. 软路由ros(MIKROTIK)安装教程:[11]端口映射
  16. 关于京东抢票的一个BUG
  17. 2022年四川二级建造师建设工程法规及相关知识《解决建设工程纠纷法律制度》练习及答案
  18. 2018年物联网发展的八大趋势!
  19. poi生成word 纸张方向横竖切换
  20. 无法连接到服务器。错误代码 0x80072EFD

热门文章

  1. netty 常见疑问 faq
  2. 从源码分析RocketMQ系列-Producer的invokeSync()方法
  3. Python精通-Python字典操作
  4. Redis进阶-高可用:集群
  5. Linux环境下Redis安装配置步骤
  6. 面试中的 10 大排序算法总结
  7. 初识MyBatis-Plus
  8. js中split,splice,slice方法之间的差异。
  9. iOS 通用宏定义 高效全局宏汇总
  10. 桥接模式(Bridge)解析例子