使用vue2.0实现的音乐播放器,有教程,附源码!!!

gaoxiaosong1113
gaoxiaosong1113 发布于 2017-01-10 17:32:51 浏览:5757 类型:原创 - 随笔 分类:Node.js - js插件 二维码: 作者原创 版权保护
最近在学vue,在掘金上看到一篇好帖子,实现的音乐播放器,心血来潮,自己也写了个~~~

实现的页功能:
  1. 排行榜
  2. 轮播图展示
  3. 搜索推荐
  4. 搜索结果
  5. 专辑
  6. 歌手
  7. 上一曲,下一曲,播放暂停
  8. 随机播放,循环播放,单曲播放
  9. 加入/删除播放列表,
  10. 查看专辑
  11. 查看歌手

github:戳这里预览地址:戳这里 喜欢的加个star
顺便加个收藏,点个赞~~
有兴趣的加个前端交流群:478688652,群里有vue2.0的教程

扫一扫手机预览
使用vue2.0实现的音乐播放器,有教程,附源码!!!


不说废话了,先上UI.
使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!
z
给个赞 67 人点赞
收藏 89 人收藏
评论 已有 44 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最热评论
zzmisss
zzmisss2017-01-11 15:14:3919F
厉害,也要做个像大神一样的动手能力者
举报 支持 (3) 回复 (1)
老姚
老姚2017-01-11 00:54:377F
牛逼!
举报 支持 (2) 回复 (0)
gaoxiaosong1113
gaoxiaosong11132017-01-11 15:17:1520F
加油吧,要学的东西还很多~~~~ 刚刚领导开会,让研究微信小程序~~~ //@zzmisss:厉害,也要做个像大神一样的动手能力者
举报 支持 (1) 回复 (2)
ls1210485244
ls12104852442017-01-10 21:36:196F
emoticon学习一下
举报 支持 (1) 回复 (0)
ywhluck
ywhluck2017-01-10 20:56:575F
coolemoticon
举报 支持 (1) 回复 (0)
最新评论
hexiaohui1999
hexiaohui19992017-01-11 09:50:2014F
emoticon,你好,请问一下大神这个页面切换的动画是怎么实现的呢?最近也在学习vueJs,路由页面之间的动画弄了好久都弄不好,想请教一下!
举报 支持 (0) 回复 (1)
gaoxiaosong1113
gaoxiaosong11132017-01-11 09:32:0913F
api接口给的歌词每段都有时间,判断下就好了 //@言不可汨:求问,歌词同步显示怎么做到的
举报 支持 (0) 回复 (0)
gaoxiaosong1113
gaoxiaosong11132017-01-11 09:31:3412F
切换动画没做的太细,歌词这个有点坑~~  歌词我再改进一下~~ //@fantasyna:页面很好看,跳转的时候会看到两个小页面跳转,另外歌词是乱掉的
举报 支持 (0) 回复 (0)
fantasyna
fantasyna2017-01-11 08:41:1811F
页面很好看,跳转的时候会看到两个小页面跳转,另外歌词是乱掉的
举报 支持 (0) 回复 (1)
brucelyy
brucelyy2017-01-11 08:33:5210F
6
举报 支持 (0) 回复 (0)
dyyzht
dyyzht2017-01-11 08:21:279F
膜拜
举报 支持 (0) 回复 (0)
言不可汨
言不可汨2017-01-11 01:59:518F
求问,歌词同步显示怎么做到的
举报 支持 (0) 回复 (1)
老姚
老姚2017-01-11 00:54:377F
牛逼!
举报 支持 (2) 回复 (0)
ls1210485244
ls12104852442017-01-10 21:36:196F
emoticon学习一下
举报 支持 (1) 回复 (0)
ywhluck
ywhluck2017-01-10 20:56:575F
coolemoticon
举报 支持 (1) 回复 (0)
hbxywdk
hbxywdk2017-01-10 20:02:384F
6
举报 支持 (0) 回复 (0)
小精豆2016
小精豆20162017-01-10 17:59:363F
emoticon
举报 支持 (0) 回复 (0)
gaoxiaosong1113
gaoxiaosong11132017-01-10 17:57:072F
emoticon //@djkloop:厉害了我的哥emoticon
举报 支持 (0) 回复 (0)
djkloop
djkloop2017-01-10 17:47:431F
厉害了我的哥emoticon
举报 支持 (0) 回复 (1)

作者最新