气泡卡片 Popover

基本用法

鼠标移入或点击，弹出气泡，可对浮层上元素进行操作，承载复杂内容和操作。

弹出位置

Popover支持 12 个不同的方位。分别为：上左 上 上右 下左 下 下右 左上 左 左下 右上 右 右下。

触发方式

通过设置 trigger，可以指定不同的触发方式。

<popover> 组件继承 <trigger> 组件的全部属性

API

`<popover>` Props

参数名	描述	类型	默认值
popup-visible (v-model)	文字气泡是否可见	`boolean`	`-`
default-popup-visible	文字气泡默认是否可见（非受控模式）	`boolean`	`false`
title	标题	`string`	`-`
content	内容	`string`	`-`
trigger	触发方式	`'hover' \| 'click' \| 'focus' \| 'contextMenu'`	`'hover'`
position	弹出位置	`'top' \| 'tl' \| 'tr' \| 'bottom' \| 'bl' \| 'br' \| 'left' \| 'lt' \| 'lb' \| 'right' \| 'rt' \| 'rb'`	`'top'`
content-class	弹出框内容的类名	`ClassName`	`-`
content-style	弹出框内容的样式	`CSSProperties`	`-`
arrow-class	弹出框箭头的类名	`ClassName`	`-`
arrow-style	弹出框箭头的样式	`CSSProperties`	`-`
popup-container	弹出框的挂载容器	`string \| HTMLElement`	`-`

`<popover>` Events

事件名	描述	参数
popup-visible-change	文字气泡显示状态改变时触发	visible: `boolean`

`<popover>` Slots

插槽名	描述	参数
title	标题	-
content	内容	-