基于vue-cli框架的音乐播放器

最近用vue写了一个音乐播放器,界面如下:

推荐界面:

基于vue-cli框架的音乐播放器_第1张图片

点击第一个歌单之后进入歌曲列表:

基于vue-cli框架的音乐播放器_第2张图片

歌手分类界面:

基于vue-cli框架的音乐播放器_第3张图片

点击华语男歌手之后的界面:

基于vue-cli框架的音乐播放器_第4张图片

歌手主页界面:

基于vue-cli框架的音乐播放器_第5张图片

歌曲排行界面:

基于vue-cli框架的音乐播放器_第6张图片

搜索歌曲界面:

基于vue-cli框架的音乐播放器_第7张图片

歌曲播放界面:

基于vue-cli框架的音乐播放器_第8张图片

总的来说界面做的不是很美观,但是自己通过这个项目进一步了解了vue框架。

音乐播放器我用的是vue-aplayer,vue-aplayer地址:https://aplayer.moefe.org/docs/guide/

音乐api接口我用的是酷狗音乐,音乐api地址:https://blog.csdn.net/ACMER_2333/article/details/88116225

源码地址:https://github.com/wunian2333/vue--

有啥问题欢迎各位博主指出。

 

你可能感兴趣的:(前端)