Skip to content

leefanv/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. 查看歌手页面、专辑页面
  5. 热门搜索
  6. 搜索历史记录
  7. 排行榜
  8. 切换播放模式
  9. 歌词

未实现的功能

  • 我喜欢
  • 查看MV
  • 下载

截图

推荐

推荐

排行榜

排行榜 榜单

搜索

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

播放页面

播放页面

专辑页面

专辑页面

歌手页面

歌手页面 歌手页面

播放列表

播放列表

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

About

Vue 音乐搜索、播放 Demo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 46.1%
  • CSS 33.0%
  • JavaScript 20.7%
  • HTML 0.2%