聊一聊小程序单聊页面构思

主题界面构建

1. 主题界面构建可以有很多种做法，一种为左右平分式UI设计，简单来说就是对方和我方聊天DOM各占屏幕的一半，完全可以使用flex的布局以及vw构建，一种吧聊天内容作为整体聊天界面的子节点，聊天container内容的高度，可以动态的减去底部聊天框的UI高度
2. 聊天框固定高度，有两个坑点需要注意，在真机调试过程中，点击input，键盘弹起之后会自动把整体界面往上弹，可以选择 :adjust-position=“false”,来关闭input获取焦点时避免影响其他DOM，需要做到唤醒键盘底部聊天框跟随键盘往上弹的一个过程，当键盘弹起，动态获取键盘高度，来调整底部聊天框距离底部的margin值
3. 聊回双方聊天，根据后端或静态数据的属性，判断发送消息的人是谁，如果有不同类型的DOM需要发送，可定义不同组件来根据发送类型作为用户的输出，比如 image，列表，文件…等等

差不多需要注意的就这些，还是用集群的好，自己写的话性价比太低

如果需要做到群组聊天，梳理好数据逻辑，进行数据的分组，可以去看看别的博客介绍群聊功能