yanjunlin / vue-music

Vue 音乐搜索、播放 Demo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-music

Vue 音乐搜索、播放 Demo 查看Demo

在手机上效果更好,扫一扫体验

Demo

实现的功能

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

未实现的功能

  • 我喜欢
  • 查看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

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

About

Vue 音乐搜索、播放 Demo


Languages

Language:Vue 43.4%Language:CSS 36.5%Language:JavaScript 19.9%Language:HTML 0.2%