组件

Popover 气泡卡片

文字提示气泡框,当鼠标悬浮时出现。 API文档 组件问题反馈和讨论

基本样式 #

触发按钮添加nv-popover-btn类,默认是hover触发。
<code>
显示代码

不同的展示位置 #

位置有12个方向
<code>
显示代码

同时初始化多个卡片 #

支持使用class类名同时初始化多个气泡卡片
<code>
显示代码

内嵌操作 #

更为轻量的弹窗框,可操作
<code>

Delete

显示代码

内嵌信息 #

可以内嵌多种类型信息,比如表格信息
<code>
显示代码

参数配置 #

可以通过传递不同的参数来配置你所需要的业务场景
属性
类型(是否必要)
描述
target
string(必填)
触发的目标元素,可使用ID选择器或类选择器(类选择器可同时初始化多个属性相同的气泡卡片)
width
number(选填)
值为number类型数字,定义卡片宽度,默认为240
position
string(选填)
卡片的位置,默认为top,可选值为tl,top,tr,lt,left,lb,rt,right,rb,bl,bottom,br
event
string(选填)
触发的事件,默认为hover,可选click
onOpen
function(选填)
卡片显示时的回调函数
onClose
function(选填)
卡片关闭时的回调函数