Skip to content

Bubble 对话气泡

气泡容器用于承载和展示对话内容,支持文本、多媒体、代码和交互元素等多种格式。可附带头像、时间戳,并提供多种形状和颜色方案,以增强信息层次感和区分不同角色。

组件布局

组件形态

纯文本

用于展示纯文本内容,可单行、多行、Markdown 格式等。

多媒体

支持图片、音频、视频等内容展示,适用于 AI 生成的图像场景。

代码块

用于显示代码片段,支持语法高亮和可复制功能,适用于 AI 代码助手、编程学习。

搭配头像

气泡可与头像结合使用,以区分不同对话方,增强用户对 AI 或其他参与者的辨识度,适用于多角色对话或客服场景。

展示对话时间

在气泡中附带时间信息,以明确消息的发送时间,适用于对话记录、历史消息查看等场景。

样式自定义

支持形状和颜色配置,以适应不同产品风格或主题设定,提升视觉一致性。