一个精致的网易云音乐webapp

网易云音乐（移动版）

api来源(感谢Binaryify不断更新的网易云音乐接口，这也将是这个项目不断拓展下去的坚实依托)源码地址项目预览（web端在chrome调试模式下效果更佳）针对segmenfault类app暂时无法有效预览的问题，建议粘贴http://118.89.226.181:8080到手机其他浏览器体验项目所提供请求地址希望仅供预览使用，如果在开发过程中调用，可能会引起服务崩溃，本地开发建议参考api来源，配置本地服务器代理，健康绿色环保(看样子，PM守护之光要提上日程了)

项目描述

前端

选用Vux作为UI框架，诸如滑动，轮播等组件即在此基础上进行定制，交互效果也尽量依托于vux，减少重复开发基于Vue2,Vue-Router实现单页面应用利用Vuex进行组件间的状态管理，实现非父子组件之间的通信

后端

生产环境下，服务器端同源解决请求代理开发环境下，通过代理服务器解决跨域问题

UI

刀耕火种，通过手机截图，像素眼比较，当然，最后还是跟着感觉走了

已完成

网易云（轮播，推荐歌单，独家放送，推荐MV，网友精选歌单（最新，最热），排行榜）搜索（热门搜索，搜索结果包括单曲，歌手，专辑，歌单，用户及其滑动切换）播放页面（歌词，碟片切换）歌手，专辑，歌单，用户等详情展示音乐播放功能（切歌，播放列表，播放进度显示）

放一波效果图

图片就到这里，more

计划(接下来)

1.MV播放，希望这个功能能走下去

2.“我的”争取还是做出来吧，尽管可能没人敢用

3.完善各个页面的功能吧，持续优化

4.抛砖引玉，向社区的大伙学习ing

最后！！！！！

1.感谢github,感谢同样在分享的你，让我能站在巨人的肩膀上

2.感谢Binaryify对接口文档的不断维护与更新。

这个项目中遇到了不少莫名其妙的坑，后面再与大伙交流，要不忘了，又得重踩

到这里，欢迎大家提issue，pr，star，如果喜欢可以watch，每周应该都会有些小更新

如果觉得《vue全家桶系列之网易云音乐(移动版)》对你有帮助，请点赞、收藏，并留下你的观点哦！