当目标元素有进一步的描述和相关操作时,可以收纳到卡片中,根据用户的操作行为进行展现。
和 Tooltip 的区别是,用户可以对浮层上的元素进行操作,因此它可以承载更复杂的内容,比如链接或按钮等。
import { H3Popover } from '@lateinos/awesome-ui'; export default { components: { H3Popover, }, };
除了主题颜色的区别,没有区别
<template> <h3-popover placement="top" title="气泡标题" content="气泡内容"> <h3-button>悬浮于此</h3-button> </h3-popover> </template>
<template> <h3-popover placement="top"> <template slot="title">气泡标题</template> <template slot="content">气泡内容</template> <h3-button>悬浮于此</h3-button> </h3-popover> </template>
← Tooltip 文字浮窗提示 Popconfirm 气泡确认框 →