Skip to content
Vue 音乐搜索、播放 Demo
Vue CSS JavaScript HTML
Branch: master
Clone or download

Latest commit

Latest commit 0a75f35 Feb 16, 2019

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build 23333 Jan 15, 2017
config 📈 进行一些优化 Jan 14, 2017
src 修复播放链接失效的问题 (#33) Feb 16, 2019
static 新建 Oct 9, 2016
.babelrc 新建 Oct 9, 2016
.editorconfig 修复播放链接失效的问题 (#33) Feb 16, 2019
.eslintignore 新建 Oct 9, 2016
.eslintrc.js 新建 Oct 9, 2016
.gitattributes :neckbeard: Added .gitattributes & .gitignore files Oct 9, 2016
.gitignore 新建 Oct 9, 2016
README.md Update README Feb 16, 2019
index.html 修复播放链接失效的问题 (#33) Feb 16, 2019
package-lock.json 修复播放链接失效的问题 (#33) Feb 16, 2019
package.json vue.util.isObject is not a function fixed (#13) Feb 27, 2017

README.md

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

查看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

截图

推荐

推荐

排行榜

排行榜 榜单

搜索

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

播放页面

播放页面

专辑页面

专辑页面

歌手页面

歌手页面 歌手页面

播放列表

播放列表

You can’t perform that action at this time.