Skip to content

Chat 聊天框

基础用法

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

message
hello

自定义头像

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

message
hello

打字效果

WARNING

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

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

hello

加载中效果

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

加载中....
hello