Update README.md

README.md

@@ -16,11 +16,47 @@ npm i           //安装依赖
 npm run dev     //开发
 npm run build   //打包
 ```
-### 项目介绍
+### 项目介绍（为了减少gif大小，掉帧严重，优雅的交互体现不出来==）
 
 ### 一、首页
 
-首页主要由顶部搜索和推荐歌单与推荐单曲构成
+首页主要由顶部搜索和推荐歌单与推荐单曲构成，图片部分应用了懒加载。
+
+![](https://s2.ax1x.com/2020/02/03/10slfs.gif)
+
+### 一 音乐播放器
+
+音乐播放器有两种形态，一种mini的小图标，在没有播放或暂停时为静止的icon，当有播放音乐时，为一个有节奏跳动的音律动效，点击后进去播放界面，在缓冲时，音频资源未ready时 ，进度条为一个小小的转圈的loadng,准备就绪，可以拖动进度条对音乐前进或后退，下一首上一首操作播放列表。
+
+下一步接着要做的便是歌词同步~
+
+![](https://s2.ax1x.com/2020/02/03/102dzj.png)
+
+### 二、搜索
+
+首页搜索功能
+
+![](https://s2.ax1x.com/2020/02/03/10sqHS.gif)
+
+### 三、歌手页面
+
+歌手页面，左右可以滑动，当点击歌手时，前往歌手主页，歌手主页下有歌曲列表，上拉加载更多功能，
+
+![](https://s2.ax1x.com/2020/02/03/10yAN4.gif)
+
+### 一、Mv
+
+此处解析了哔哩哔哩（bilibili）音乐区的推荐（演奏类），都是非常的棒的视频，同时费劲周折解析了B站视频的高清视频原地址（1080p），很棒的噢~
+
+此处后期可以考虑扩展封装一个播放器组件，目前只是一个简单的播放基础功能。也是一个很有趣的事情哦~~ 欢迎大家来一起参与造轮子~
+
+![](https://s2.ax1x.com/2020/02/03/106Ni4.gif)
+
+### 一、我的
+
+此处待开发...
+
+![](https://s2.ax1x.com/2020/02/03/10gRKI.png)
 
 
 ### 未来规划和展望
@@ -36,4 +72,4 @@ npm run build   //打包
 这个项目长期维护，希望大家踊跃提issue和pr，把这个项目打造得更加完美，帮助到更多的Vue开发者
 
 # 声明
-本项目代码仅用学习交流， 请勿商业使用！
+本项目代码仅用学习交流， 请勿商业使用。