Skip to content

Bubble ( 对话气泡 )

用于聊天的气泡组件。

基本

基础用法。

支持位置和头像

通过 avatar 设置自定义头像,通过 placement 设置位置,提供了 startend 两个选项。

头和尾

通过 headerfooter 属性设置气泡的头部和底部。

加载中

通过 loading 属性控制加载状态。

打字效果

通过设置 typing 属性,开启打字效果。更新 content 如果是之前的子集,则会继续输出,否则会重新输出。

自定义渲染

配合 markdown-it 实现自定义渲染内容。

变体 ( 待完善 )

通过 variant 属性设置气泡的样式变体。

形状 ( 待完善 )

通过 shape 属性设置气泡的形状。

气泡列表

预设样式的气泡列表,支持自动滚动。使用 roles 设置气泡默认属性。

语义化自定义 ( 待完善 )

示例通过语义化以及加载定制,来调整气泡效果。

自定义列表内容 ( 待完善 )

自定义气泡列表内容,这对于个性化定制场景非常有用。

Released under the MIT License.