Vue 2.0 华丽的音乐搜索播放 Demo

空闲时间一边学Vue一边写了个音乐搜索播放的小网页(手机版),资源来自QQ音乐

先上链接

查看在线Demo(在大屏手机上效果最好)http://sioxas.github.io/
Github地址https://github.com/Sioxas/vue-music/
喜欢的话加个star

Vue 2.0 华丽的音乐搜索播放 Demo_第1张图片
扫一扫体验

实现的功能

  1. 音乐播放、暂停、上一曲、下一曲
  2. 播放列表、添加到播放列表、做为下一首播放
  3. 搜索单曲、歌手、专辑、MV
  4. 查看歌手页面、专辑页面
  5. 热门搜索
  6. 搜索历史记录
  7. 排行榜
  8. 切换播放模式
  9. 歌词

未实现的功能

  • 我喜欢
  • 查看MV
  • 下载

截图

推荐

推荐

排行榜

排行榜

榜单

搜索

热门搜索和历史记录

搜索结果

搜索结果

播放页面

播放页面

专辑页面

专辑页面

歌手页面

歌手页面

歌手页面

播放列表

播放列表

你可能感兴趣的:(Vue 2.0 华丽的音乐搜索播放 Demo)