Bubble 对话气泡
气泡容器用于承载和展示对话内容,支持文本、多媒体、代码和交互元素等多种格式。可附带头像、时间戳,并提供多种形状和颜色方案,以增强信息层次感和区分不同角色。
组件布局
组件形态
纯文本
用于展示纯文本内容,可单行、多行、Markdown 格式等。
多媒体
支持图片、音频、视频等内容展示,适用于 AI 生成的图像场景。
代码块
用于显示代码片段,支持语法高亮和可复制功能,适用于 AI 代码助手、编程学习。
搭配头像
气泡可与头像结合使用,以区分不同对话方,增强用户对 AI 或其他参与者的辨识度,适用于多角色对话或客服场景。
展示对话时间
在气泡中附带时间信息,以明确消息的发送时间,适用于对话记录、历史消息查看等场景。
样式自定义
支持形状和颜色配置,以适应不同产品风格或主题设定,提升视觉一致性。