Chat 聊天框

基础用法

使用 placement 来区分是左边还有右边，默认是左边。通常结合x-chat-container这个容器使用。使用content来设置聊天内容。

message

hello

• 复制代码
• 显示代码

自定义头像

使用 avatar 来自定义头像，如果不设置则使用默认的头像。

message

hello

• 复制代码
• 显示代码

打字效果

WARNING

注意：刷新页面查看打字效果。

使用 typing 来显示正在打字的效果，这个效果只在placement是left的出现。配合 delay 来设置延迟时间, 默认是50ms。

hello

• 复制代码
• 显示代码

加载中效果

使用 loading 来显示正在加载的效果

加载中....

hello

• 复制代码
• 显示代码