Vue 仿 移动端网易云音乐

A Vue.js project

Build Setup

# install dependencies
npm install

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

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

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

介绍

对于网易云音乐一直情有独钟，今年vue的火爆更是让我蠢蠢欲动，想要用vue去模仿写一下移动端的网易云音乐；当然，作为一名程序媛，是没有辣么多空闲的时间来去抓每一个细节，但是，主要功能都实现了，其他页面后面慢慢完善。

技术栈

vue + vue-router + vuex - axios（核心框架）

功能实现

网易云音乐首页（轮播图、个性推荐）

搜索（歌曲搜索、歌手搜索）

播放页面（上一首、下一首切换，播放，暂停，收藏，歌词和播放页面的切换）

歌单详情页面，收藏歌曲页面
demo地址
github地址

效果图

框架

播放，搜藏

搜索功能