什么是气泡,它有哪些属性_多端低代码开发平台魔笔-阿里云帮助中心

备案控制台

文档

输入文档关键字查找

简介

当用户与被说明对象（文字，图片，输入框等）发生交互动作时, 即刻跟随行为出现一种辅助或帮助的提示信息。

该组件为容器组件，可拖拽多个其他组件或容器，该容器内第一个组件会渲染到目标区域，其余组件会渲染到内容区域。

image..png

属性配置

气泡组件属性由以下部分组成：

分类	属性	示例	说明
基础属性	设计状态		仅用于在设计时控制浮层状态的显示与否，便于设计。
	浮层默认状态		气泡组件首次渲染时浮层的默认状态。
	气泡类型		气泡组件提供两个预定义类型，气泡类型。
	文本		通过设置【气泡类型】为”提示文本“，可以设置气泡组件浮层的文本，可以为静态，也可以动态绑定一个基础数据类型属性支持TEXT、CHAR、INTEGER、LONG、DECIMAL、ENUMERATION、DATETIME 等数据类型。关于此部分属性的更多信息，请参见数据
	标题		通过设置【气泡类型】为”自定义“，可以设置气泡组件浮层的标题，可以为静态，也可以动态绑定一个基础数据类型属性支持TEXT、CHAR、INTEGER、LONG、DECIMAL、ENUMERATION、DATETIME 等数据类型。关于此部分属性的更多信息，请参见数据。
	显示关闭按钮		通过设置有效标题值，可以设置浮层是否有关闭按钮。
	触发行为		气泡组件设置触发行为的动作，可选如下：鼠标悬浮：悬浮到目标区域显示浮层，离开消失。鼠标点击：点击目标区域显示浮层，点击目标外区域消失。
	延时显示		通过设置【触发行为】为”鼠标悬浮“，可以设置气泡组件发生交互行为响应的延迟时间
	浮层箭头位置		气泡组件浮层的箭头位置支持设置八个方向浮层箭头位置。
样式	最大宽度		气泡组件支持设置浮层最大宽度。关于此部分属性的更多信息，请参见样式。
	间距		关于此部分属性的更多信息，请参见样式。
	背景颜色		气泡组件浮层支持设置背景颜色。关于此部分属性的更多信息，请参见样式。
	字体颜色		气泡组件浮层支持设置字体颜色。关于此部分属性的更多信息，请参见样式。
事件	浮层关闭		气泡组件可配置浮层关闭事件，在浮层消失后被触发。关于此部分属性的更多信息，请参见事件。
事件	浮层打开		气泡组件可配置浮层打开事件，在浮层显示后被触发。关于此部分属性的更多信息，请参见事件。
条件可见性	条件可见性		关于此部分属性的更多信息，请参见条件可见性。

气泡类型

气泡类型	示例	样式
提示文本
自定义

浮层箭头位置

位置	样式
上
右
下
左
上左
上右
下左
下右
左上
左下
右上
右下

特殊情况：当设置浮层箭头位置方向无法容纳浮层，则会显示在相反方向，如下所示：

组件setter-气泡-浮层箭头位置.png image..png

反馈

本页导读