跳到主要内容

气泡

可以在任何内容上通过点击、鼠标悬浮等方式弹出气泡的组件。

何时使用

当目标元素有进一步的描述和相关操作时,可以收纳到卡片中,根据用户的操作行为进行展现。

和「文字提示」组件的区别是,用户可以对浮层上的元素进行操作,因此它可以承载更复杂的内容,比如链接或按钮等。

功能演示

基础使用

先放置一个气泡组件,然后向其中添加一个组件,该组件就有了点击时弹出气泡的功能。 气泡的标题、内容、触发方式、弹出方向都可以进行配置。 基本使用

完整配置

属性说明
布局控制气泡触发组件所在容器的布局
标题自定义关闭该项时可以手动输入标题或绑定标题数据;开启时可以使用组件自定义标题内容
内容自定义关闭该项时可以手动输入内容或绑定内容数据;开启时可以使用组件自定义内容
触发方式悬浮、点击、聚焦
方向选择弹出气泡的位置:上下左右以及四个角