# 项目开发计划
-[x] 实现用户登录、与注册。
-[x] 实现主面板布局(消息、联系人、更多功能)。
-[x] 消息面板
    -[x] 消息列表(左键打开聊天面板，右键打开悬浮菜单)
    -[ ] 聊天面板(消息展示、工具栏、图文混输的输入框)，工具栏的内容通过群聊与单聊俩区分
-[x] 联系人面板
    -[x] 好友列表(添加好友、分组列表)
    -[x] 好友详情(展示好友的详细信息)
-[x] 更多功能面板
    -[x] 置顶功能(时间、文件、反馈、偏好设置)
    -[ ] 用户自定义模块(分为两列，默认显示一个天气组件)，用户传图标、文字、链接，即可完成一个自定义模块，点击时在新窗口跳转其设置的链接。
-[ ] 优化消息发送：发送消息时，先在客户端展示已发送消息，服务端响应后再更新消息发送状态（图片则添加发送进度展示）
-[ ] 实现文件发送、下载功能（消息列表类型需要扩展展示）
-[ ] 实现历史消息加载功能
> 上述开发计划页面效果图在`designDiagram`文件夹下

## 注意事项

### 消息面板需求
在消息面板中，点每一项会传id与状态到聊天面板组件，在聊天面板组件中，根据状态来区分群聊与单聊，群聊时需要展示当前群人数等信息。详情见效果图。

### 联系人面板需求
在好友列表的分组中，点击每一项时会传id到好友详情组件，好友详情展示时，如下所示第一栏的图标为动态的，会根据接口返回的数据来组合合适的图标。

![](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/213a0b610b474a6ca7e16931df846538~tplv-k3u1fbpfcp-watermark.image)

好友详情中的所有展示的内容，都不是固定的，如果接口没有返回数据则不展示对应的内容。

双击分组中的联系人时，会打开与这个联系人的聊天面板。

### 更多功能面板
更多功能面板，点击上方的图标，下方会切换对应的组件，如果没有点击就展示默认的组件。
![](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b4d02e898ba04afeb3477550b05f5eec~tplv-k3u1fbpfcp-watermark.image)
