/cli3music

vue项目实战，高仿网易云音乐项目，升级为cli3，旧版链接：https://github.com/Akakiiiiii/music

Primary LanguageVue

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 git@github.com:Akakiiiiii/cli3music.git
npm install
npm run serve

功能概览

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

图片预览

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

LV enter description here

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

enter description here

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

enter description here

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

enter description here

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

enter description here

6.歌曲切换

enter description here

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

enter description here

8.搜索界面

enter description here

9.视频界面

enter description here

更多功能等你发现...