气泡提示

默认

提供 4 种可选位置:顶部,右侧,底部,左侧。

颜色

提供 5 种可选颜色:分别为 primarysuccesswarninginfodanger

点击时显示

您可以通过添加 data-trigger="click" 属性或者通过 JavaScript 配置点击时显示气泡提示。

弹出框

静态效果

提供 4 种可选位置:顶部,右侧,底部,左侧。

底部弹出框

市值从3000亿到2万亿,马化腾说腾讯将成为“大家的新生态”

顶部弹出框

市值从3000亿到2万亿,马化腾说腾讯将成为“大家的新生态”

右侧弹出框

市值从3000亿到2万亿,马化腾说腾讯将成为“大家的新生态”

左侧弹出框

市值从3000亿到2万亿,马化腾说腾讯将成为“大家的新生态”

颜色

提供 5 种可选颜色:分别为 primarysuccesswarninginfodanger

Primary

市值从3000亿到2万亿,马化腾说腾讯将成为“大家的新生态”

Success

市值从3000亿到2万亿,马化腾说腾讯将成为“大家的新生态”

Info

市值从3000亿到2万亿,马化腾说腾讯将成为“大家的新生态”

Warning

市值从3000亿到2万亿,马化腾说腾讯将成为“大家的新生态”

Danger

市值从3000亿到2万亿,马化腾说腾讯将成为“大家的新生态”

点击显示

您可以通过 data-trigger="focus / hover" 属性或 Javascript 配置弹出框在点击时显示。

WebUI Popover 官网

自动判断方向

延迟显示 / 隐藏

高级示例

表格 列表 内容较多的情况 iframe