app聊天模版+发送语音+图片+文字+表情+无闪动下拉加载数据 - 更新日志

1.0.6（2022-04-12）

修改：己方发送的内容过多时 消息框内文本对其方式的样式异常问题

1.0.5（2021-11-29）

由于模版发布以来 安卓机一直有一个很诡异的bug。 就是当首次进入页面时 先发送图片头像会展示在图片的左边，这个问题应该很多人都遇到过。 迟迟不更新的原因是项目太忙了 哎～～ 然后今天又有人反馈这个问题了 今天就下定决心把它消灭掉 在查找这个问题的时候 确实有无从下手的感觉 在此过程用到了3个结局方法 1.发送图片时判断type为1时 把插入数据的type转成0也就是转成文字格式，然后在dom更新完成后把刚插入的数据类型在转回到1也就是图片类型 （这个方法确实可以解决问题 但是只限于1张图片 ，当我再发送图片时上面已发送的图片又出现了这个bug 头像跑到了左边） 2.怀疑图片加载延时问题 然后写了一个懒加载图片的组件引入进去 （不行还是老样子 没解决） 3.用最原始的方法 把各种判断都去掉 展示出所有数据 然后就发现了问题的根源，发现一直以来都是错的 因为列表容器经过反转 当我的信息和对方的信息 通过css的direction属性进行对齐后 对方的头像已经是相反的方向的 所以 页面中一直有两个头像元素是错误的，找到问题之后就好解决了，只需要删除一个头像元素，保留一个元素 在src里判断是我所发的信息还是对方发的信息切换不同的头像路径就好了。

1.0.4（2021-05-08）

1.修改点击空白区域关闭工能栏 2.修改聊天表情在6s机型上的布局适配

1.0.3（2021-05-07）

1.适配ios机型的底部安全区域

1.0.2（2021-04-30）

1.之前键盘高度赋值写的有一点问题，ios端有的机型再打开键盘时会触发多次uni.onKeyboardHeightChange ，所以首次打开聊天页面的时候键盘高度赋值有问题。现已修改。 2.增加点击聊天空白区域隐藏键盘

1.0.1（2021-04-01）

1.修改了css direction属性在nvue页面使用时编辑器报警告的问题，之前没太注意哈，上一个版本也不影响使用哦。

1.0.0（2021-03-30）

因项目中经常用到聊天模块，这东西也折磨了我好长时间 o(╥﹏╥)o 。 也用了插件市场的聊天插件但是都有不同的兼容性问题 ，可能是个人水平受限这些兼容性问题无解，只能自己琢磨一个出来 ，之前用vue 写过一次 但是对于低端安卓机很不友好，所以这次只针对app端做了这个模版。也希望能帮到你们。