/Cloud-Music-move

网易云音乐 vue3+vite+em plus

Primary LanguageVue

简单的仿网易云项目

学完vue独立做的第一个项目,缺陷很多,希望得到大家的斧正^_^
前端:vue3 + elementPlus + vueX
后端:感谢Binaryify大佬提供的接口

##安装

npm install

npm run dev

在线演示

🛸🛸仿网易云
现在已经将后端接口和前端页面都部署在国内。
ps:请打开谷歌浏览器的移动端模式。
如果首页无数据,请尝试下拉刷新!!
目前已经支持二维码登录,但云盘与刷新视频等功能暂时无法使用!!

功能

🏚️home页面:

1.搜索功能:由于后端的数据较少,所以做的比较简单;

image

2.每日推荐歌单; 3.大家都在听; 4.下拉获取新数据;

😃my页面:

1.初始进入时显示需要登录状态:

image image

2.登录后获取个人信息并本地化存储:

image

3.查看个人资料详情功能:

image

4.修改个人资料: 包括头像、生日、nickname等:

image image

☁️cloud云盘页面:

1.获取云端存储的歌曲,并且可对其进行管理:

image

🎧歌曲详情页面:

1.歌曲详情页面可进行封面/歌词切换,顶部可下载和查看评论,顶部进行歌曲切换:

image image image

🎬社区功能:

1.实现听音乐的同时,刷刷视频,感觉某些地方的逻辑怪怪的,后续找到问题会修复的

image