diff --git a/Plan.md b/Plan.md
index 48a1ae37da31e7977b1cf7ebd7011e5f56344cd9..152f1692d5f39b66a80f0760a459f31504e0bca8 100644
--- a/Plan.md
+++ b/Plan.md
@@ -7,7 +7,7 @@
- [x] 复制歌词
- [x] 可以播放
- [x] 可以转跳
- - 搜索结果分页
+ - 搜索结果分页显示更多
3. 分类歌单
- [x] 更多功能
- [x] 分页功能
@@ -16,29 +16,33 @@
- 可评论
- 可喜爱
- 可回复评论
-5. 我的音乐
+5. 登陆
+ - [x] 登陆步骤条
+ - [x] 二维码过期提示
+6. 我的音乐
- 未登陆时登陆按钮
- - 关注页面
- - 粉丝页面
- - 个人信息显示
-6. 排行榜页面
+ - [x] 关注页面
+ - [x] 粉丝页面
+ - [x] 个人信息显示
+7. 排行榜页面
- 按钮功能
- [x] 转跳
- [x] 标题展示
- [x] 榜单规则显示
- [x] 能去到 MV 页面
-7. mv 列表页
+ - [x] 展示更新时间
+8. mv 列表页
- [x] 无限滚动
- [x] mv 详情播放页
-8. 大功能条
+9. 大功能条
- [x] 播放
- [x] 收藏
-9. 小功能条
- - [x] 播放
- - [x] 下载
- - [x] 分享
- - [x] 添加
-10. [x] 懒加载
+10. 小功能条
+ - [x] 播放
+ - [x] 下载
+ - [x] 分享
+ - [x] 添加
+11. [x] 懒加载
- [ ] 样式调整
- [ ] 组件抽离
diff --git a/README.md b/README.md
index b4127d97ac806e052548a171571e6b7ea574b768..b0fded2b01e6c9831923d2bb51336eb3123527cf 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@ Some components use [element plus](https://github.com/element-plus/element-plus)
API using [NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi)
-Deploying with docker + nginx, [Preview address](http://47.100.89.214:8080/MusicLibrary)
+Deploying with docker + nginx, [Project address](https://github.com/zlj-zz/yz-music) / [Preview address](http://47.100.89.214:8080/MusicLibrary)
![home](./demo/demo.gif)
diff --git a/src/api/user.js b/src/api/user.js
index 7e60a9b46e8fdf7d1dd47892da7f691b4c3c8c6b..69c5275df4a000dd6fc17ab44f5839bdaea3a540 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -10,3 +10,23 @@ export const getUserSubcount = () => requset.get("/user/subcount");
/* 登陆后使用, 获取用户喜爱歌曲 ID 列表 */
export const getUserLikeSongs = id => requset.get(`/likelist?uid=${id}`);
+
+/* 登陆后使用, 关注/取消关注用户
+ * id : 用户 id
+ * t : 1为关注,其他为取消关注
+ **/
+export const followUser = params => requset.get("follow", { params: params });
+
+/* 登陆后使用, 获取用户关注列表
+ * 必选参数 : uid : 用户 id
+ * limit : 返回数量 , 默认为 30
+ * offset : 偏移数量,用于分页 ,如 :( 页数 -1)*30, 其中 30 为 limit 的值 , 默认为 0 */
+export const followsList = params =>
+ requset.get("user/follows", { params: params });
+
+/*
+ * 必选参数 : uid : 用户 id
+ * limit : 返回数量 , 默认为 30
+ * lasttime : 返回数据的 lasttime ,默认-1,传入上一次返回结果的 lasttime,将会返回下一页的数据 */
+export const followedsList = params =>
+ requset.get("/user/followeds", { params: params });
diff --git a/src/components/common/InfoList.vue b/src/components/common/InfoList.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f3864a197b8178f14c83501623d09b30bc0d9bad
--- /dev/null
+++ b/src/components/common/InfoList.vue
@@ -0,0 +1,91 @@
+
+ {{ title }}
+
+
+
+ {{ songer.name }}
+
+