更新记录

1.0.0(2022-01-24)

基础版本,支持部分基础功能


平台兼容性

Vue2 Vue3
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: 输入框内的文字}

隐私、权限声明

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

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

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

许可协议

MIT协议

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