CreateUI

# 畅聊气泡

来源

Quasar的聊天组件：chat (opens new window)

# 基础用法

配置text属性来设置消息内容，sent代表发送方向。

展示
代码

# 高级用法

# 昵称

配置name来设置发送方的昵称。

展示
代码

# 头像

配置avatar来设置消息发送方的头像。

展示
代码

# 时间戳

配置stamp来设置消息的时间戳

展示
代码

# 背景颜色

配置bgColor设置气泡的颜色

展示
代码

# 连续消息

配置text数组写入连续的消息。

展示
代码

# 气泡宽度

配置width属性设置气泡宽度。

展示
代码

# 配置项

# 属性

参数 信息 默认 必需 类型
text 消息文本 —— true Array
name 发送者昵称 —— false String
avatar 发送者头像 —— false String
stamp 时间戳 —— false String
bgColor 背景颜色 —— false String
width 气泡宽度 300(px) false Number
sent 发送方向 false false Boolean

← 加载动画 →