更新记录

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机型上的布局适配

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.9 app-nvue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

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

记录诡异bug 2021.11.29 22:41

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

bug记录 2022.4.12 9:40

自己发送的内容过多时对其方式的样式异常

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问