xqlovexh / cli3music

vue项目实战，仿网易云音乐播放器项目

Vue高仿网易云音乐项目介绍

预览地址：http://120.77.242.209/music/

前言

随着对vue的不断学习，在学习慕课网上黄轶老师的饿了么项目与音乐项目后，寻思着自己也捣鼓一个vue的项目，可以苦于后台数据的获取迟迟没有动手，偶尔一天看到github的优质开源项目NeteaseCloudMusicAp，该项目使得网易云后台的api得以使用，于是我就开始了项目的搭建之路。 对你学习Vue有帮助的话，欢迎点个star与issue

项目依赖

前端：Vue全家桶+Wave+ESLint+Axios+Less+Vant+Vue-lazyload 后端：NeteaseCloudMusicAp

项目运行

傻瓜式地启动方式

git clone [email protected]:Akakiiiiii/cli3music.git
npm install
npm run serve

功能概览

网易云音乐app基本上的功能与细节和ui都实现了，媲美原生app的体验与流畅

图片预览

1.歌单界面滚动时上边的标题也会随着滚动变化，每个歌单的top的图片都不一样

LV

2.每日推荐界面，有着与歌单页面一样的滚动动画，且未登陆时不会加载

3.首页下拉刷新，会重新推荐歌单

4.听歌界面，唱片随着播放状态旋转，歌词组件会跟随正在唱的歌词

5.如果歌名过长，还会有平移的效果

6.歌曲切换

7.一些按键有波纹的效果

8.搜索界面

9.视频界面

更多功能等你发现...