气泡提示

使用场景

当页面中需要对某个字段内容显示气泡提示时，您可以使用气泡提示组件。

使用说明

1. 从组件面板拖拽气泡提示组件至画布。组件拖入画布后，在右侧属性面板中可配置以下参数：唯一标识（自动生成）、是否显示（开关控制）、提示类型（气泡或普通文本）、提示样式（普通或主要）、触发方式（鼠标悬停或单击）、延时显示(ms)（默认 200）以及提示方向（可选上、下、左、右等）。

2. 在画布右侧的属性面板中，设置相关的属性。

   • 当提示类型为气泡时，其步骤如下：

     1. 将需要提示的组件拖入触发元素框中。气泡提示组件的可视化编辑器中，左侧为触发元素区域，右侧为弹层内容区域，底部工具栏可通过气泡提示按钮进行管理。

     2. 将解释说明的组件拖入弹层框中。选中右侧弹层拖放区域，将需要在弹层中展示的组件或模板拖入该区域。

     3. 您可以按需设置其他属性或选择默认设置。

   • 当提示类型为普通文本时，其步骤如下：

     1. 将需要提示的组件拖入触发组件框中。属性面板中可配置的其他属性包括触发方式（鼠标悬停或单击）和提示方向（如上、下等方向）。左侧画布中的触发元素区域用于拖入触发气泡提示的组件。

     2. 在属性面板下，填写对应的提示内容。在右侧属性配置面板中，设置提示内容为所需的提示文案（例如气泡）。

     3. 您可以按需设置其他属性或选择默认设置。

使用示例

• 提示类型为气泡：气泡提示组件效果：在气泡标签旁弹出气泡框，显示内容为"我是气泡提示"。

• 提示类型为普通文本：气泡提示以黑色气泡框展示提示文本（如"我是普通文本"），气泡底部带三角箭头指向触发元素（如按钮），悬浮触发时在目标上方弹出。