Skip to content

Bubble 气泡

基本使用

基本用法只需要传入 content 即可

loading

显示Loading状态

当设置 loadingtrue 时,将不会显示气泡内的其他区域。我们内置了一个默认的 loading 状态,如果不满足你的使用需求,可以通过 loading 插槽来自定义 loading

loading

气泡样式

默认为 filled,还可以设置 borderednone,其中 filledbordered 我们为其设置了间距和圆角,none 则不带任何样式

loading

气泡对齐方式

提供了 leftright 两种对齐方式,区分用户提问和模型回答

loading

配置头像

默认的我们的头像将显示在侧边,你也可以通过 avatarPosition 将其显示在气泡上方

loading

自定义气泡操作区域

我们还为气泡提供了 topbottom 两个自定义区域,方便你实现一些自定义需求

loading