Skip to content

CalDey/caldey-music

Repository files navigation

caldey-music

使用Vue3+TS+Pinia+TailWindCSS+Element Plus开发一个简约风网易云音乐播放器,通过TailwindCSS实现了PC端和移动端的响应式布局,全局适配骨架屏优化用户体验

接口文档

该项目使用网易云音乐接口,可参考文档部署接口,推荐使用Vercel进行部署
22/09/22更新:由于Vercel被🧱,现在改用阿里云服务器部署Node服务

项目预览

(主要页面全部适配骨架屏,具体效果可以参考在线Demo)

首页 截屏2022-09-24 下午5 16 38
排行榜 截屏2022-09-24 下午5 23 38
歌单页 截屏2022-09-24 下午5 25 06
歌手 截屏2022-09-24 下午5 26 36
MV 截屏2022-09-24 下午5 28 06
歌单详情 截屏2022-09-24 下午5 20 25
歌单播放 截屏2022-09-24 下午5 22 05
歌词 截屏2022-09-24 下午5 55 58
搜索 截屏2022-09-24 下午5 39 34
搜索结果-歌曲 截屏2022-09-24 下午5 41 11
歌手详情1 截屏2022-09-24 下午5 42 47
歌手详情2 截屏2022-09-24 下午5 43 58
Mv详情页 截屏2022-09-24 下午5 45 53
Mv评论 截屏2022-09-24 下午5 48 27
移动端 首页
截屏2022-09-24 下午5 49 47
移动端 歌单详情
截屏2022-09-24 下午5 51 04
移动端 歌单评论
截屏2022-09-24 下午5 51 51
移动端 歌词
截屏2022-09-24 下午5 52 44
移动端 MV
截屏2022-09-24 下午5 54 22

项目运行

npm install
npm run dev
// 打包
npm run build

About

Vue3+TS+Pinia+TailWindCSS开发简约风网易云音乐播放器🎵

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors