更新记录
v1.0(2021-07-03) 下载此版本
聊天模板、红包、语音
平台兼容性
|消息列表
Tabs Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
inputValue | 输入框内容赋值 | string | — | |
list | 消息列表数据 | array | [msgItem] | [] |
finish | 数据是否加载完毕 | boolean | false|true | false |
bottomMenu | 底部菜单 | array | — | [] |
showIsRead | 是否显示消息已读、未读 | boolean | false|true | false |
msgItem 有效值
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
time | 发送时间秒 | date | — | — |
avatar | 用户头像 | string | — | — |
id | 消息id | string | — | — |
type | 消息类型 | text|image|video|red-packet|sound | — | |
right | 是否是右边自己发送的消息 | boolean | — | false |
content | 发送内容 | string|object | — | — |
isRead | 消息是否已读未读 | boolean | — | false |
isError | 是否发送错误 | boolean | — | false |
text类型
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
content | 文字内容 | string | — | — |
image类型
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
content | 图片地址 | string | — | — |
video类型
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
content | 视频地址 | string | — | — |
red-packet类型
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
content | 红包内容 | Object | — | — |
sound类型
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
content | 录音地址 | string | — | — |
Tabs Events
事件名称 | 说明 | 回调参数 |
---|---|---|
retryClick | 消息重试回调 | msgItem |
rightAvatarClick | 右边消息头像点击回调 | msgItem |
leftAvatarClick | 左边消息头像点击回调 | msgItem |
menuClick | 底部菜单点击回调 | msgItem |
loadmore | 滚动到顶部回调 | - |
sendMessage | 发送消息回调 | sendMsgItem |
redPacketClick | 红包点击 | msgItem |
SendMsgItem text
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 文字类型 | string | text | text |
content | 文字消息 | string | — | — |
SendMsgItem image|video|sound
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 文字类型 | string | image|video|sound | |
content | 消息内容 | Object | { path: "http://xxx.png", name: "xxx.png"} | — |
SendMsgItem red-packet
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 文字类型 | string | text | text |
content | 转账人名称 | Object | — | — |
amount | 转账金额 | string | ||
disabled | 红包禁用不可点击 | boolean | ||
remark | 红包备注 | |||
status | 红包状态 | string | receive: 领取 error: 领取失败 success: 领取成功 refund: 退还 |
|
Slot
name | 说明 |
---|---|
list-top | 消息列表顶部的内容 |
input-top | 输入框上面的内容 |