模仿网易云的练手项目
项目预览地址
就不全部截取图片了,
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9d9fdc0b515db4b84234e5d4e165ca83.jpeg)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/abd5b932ee232ba01e3af087b642d43a.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b6efd99af0a33c012e45b2b78c16733d.jpeg)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/55509a7e1b0ffe6163792841e53988d3.jpeg)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4601294aa9b5acbedbdb26790184a665.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b328b50659a94a12a5ae15a6b7f889f3.png)
跟新了每日推存有MV的视频直接查看mv ,以及评论查看,直接上拉加载,
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4308fb80c952d4919437db0b00d869e4.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/38620d973ff3c0e2ae30a088964bf299.png)
以及歌词滚动标色跟新
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/16dc3a0135ad4e2cccbc9d349003bf1d.png)
视频地址可以看下优酷 页面展示如下
本demo使用vue进行开发,
涉及知识点,路由守卫,路由动画,axiso,vuex, axiso封装,组件引用,路由跳转传参,缓存,各种
UI组件使用的是vant ,
非常适合新手练手
写一遍基本可以做前端的活了
如果需要源码请加入QQ158478994群进行下载
github下载地址
https://github.com/lzr1077321622/wyymusic
QQ群158478994