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