更新记录

1.20（2020-03-09） 下载此版本

优化了图片处理

• 对大图片进行裁剪,对于小图片进行不缩放直接展示

修复了语音频繁按下会出现异常问题

1.19（2020-03-08） 下载此版本

热加载nvue时请重启一下页面,否则可能会有拿不到ref id的bug

页面预留的服务器仅为测试用,会不定时开启.

平台兼容性

uni-app

基于nvue聊天室组件(需要有一定基础做二次开发)

此页面并非完整的聊天页,聊天页涉及的东西太多,因根据自己的业务做取舍,这里处理了聊天遇到的基本问题,及图片,语音的基本功能

页面主要说明

1. app启动后首先连接服务器,每隔x秒会向服务器发送消息(webSocket),如果失败则重新连接,并会把连接状态赋给相应的全局变量
2. chat页面启动也会定时监听是否连接成功,并会自动发送 发送失败的消息
3. 没有做过多的业务操作,但会定有基本的消息体交互,需要自己修改交互的数据
4. 没有用到list列表因为其缺少一些交互的功能,但聊天页采取分页缓存的形式,提高性能
5. 所有消息体都基于json数据的封装,可对部分属性做选取减少空间
6. 对于图片和语音的文件采取优先缓存+服务器地址的形式拿到, 此逻辑需要开发者进行对应的完善
7. 对于时间的显示应再做一些方面的开发
8. 因为Nvue的特殊性,页面没有引用任何外部css

语音的动画效果和一些用户体验的功能后续会开发,有需求的开发者需要自行完善

原生标题栏请不要再输入聚焦时动态改变它的标题,会有页面自动收回的bug,官方暂未解释

后续会逐渐完善