Skip to content

owen800q/vue-music

 
 

Repository files navigation

Vue 音乐搜索、播放 Demo,资源来自QQ音乐

Vue vue-cli Vue vue-resource vue-router vuex vue-awesome-swiper rxjs vue-lazyload

查看Demo:http://sioxas.github.io/,在手机上效果更好,扫一扫体验

vue-music

实现的功能

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

未实现的功能

  • 我喜欢
  • 下载

Build Setup

# 下载或克隆下来,然后安装依赖
npm install

# 开发预览
npm run dev

# 打包发布,生成的文件在dist文件夹中
npm run build

截图

推荐

推荐

排行榜

排行榜 榜单

搜索

热门搜索和历史记录 搜索结果 搜索结果

播放页面

播放页面

专辑页面

专辑页面

歌手页面

歌手页面 歌手页面

播放列表

播放列表

About

Vue 音乐搜索、播放 Demo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 47.1%
  • CSS 32.1%
  • JavaScript 20.6%
  • HTML 0.2%