更新记录
1.0.0(2022-01-24)
下载此版本
基础版本,支持部分基础功能
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
cola-chats
用于全端的聊天界面及功能
插件交流QQ群:914490319
2.0版本,1.0版本请搜索cola-u-chat
---1.0.2
--更新:支持下拉加载更多
--更新:支持自定义数据绑定键名
--更新:支持已读未读(功能暂未完善,目前仅可在添加数据时添加已读未读,但这样是不合理的hhh)是否开启及状态显示
---1.0.1
--更新:支持历史消息展示
---1.0.0
--更新:目前功能涵盖聊天发送,接收消息及展示,根据最后一条消息展示,可连续发送消息
必要传入数据
名称 |
含义 |
configure |
聊天界面及功能的配置项 |
list |
消息列表 |
messageType |
所有的消息类型的字段名 |
messageType事例:
{
text: 'TIMTextElem',
custom: 'TIMCustomElem',
tip: 'useTip'
}
值为消息内的各个消息类型的类型,
tip:是否使用tip提示
configure(聊天配置项)
名称 |
基本格式 |
selfUserID |
当前用户的用户ID |
idKey |
用户id键名,用于判断用户来源 |
avatarKey |
用户头像键名 |
msgId |
消息id来源(一般为每条消息的id) |
msgKey |
所有消息的类型 |
msgType |
本条消息的类型绑定键名 |
timeKey |
每条消息的时间绑定键名 |
isReadKey |
是否已读的绑定键名 |
useKeyboard |
是否使用键盘 |
showKeyboardTip |
是否展示输入框提示 |
backgroundColor |
聊天框背景色 |
configure示例:
{
selfUserID: store.getters.getUserName,
avatarKey: 'avatar',
idKey: 'from',
msgId: 'ID',
msgKey: 'payload,text',
msgType: 'type',
timeKey: 'time',
isReadKey: 'isRead',
useKeyboard: true,
showKeyboardTip: true,
backgroundColor: '#FFF'
}
Function 方法
方法名 |
意义 |
@onTapHeader |
获取点击头像事件,data:left('左侧头像'),right('右侧头像') |
@fresh |
刷新 |
@loadMore |
下拉加载更多历史消息 |
@createMsg |
创建新的即将发送消息,{type: 消息类型,text: 输入框内的文字} |