# Popover 弹出框
点击或鼠标移入元素,弹出卡片浮层
# 使用方法
trigger
选择弹出方式为 click 或者 hover,positon
选择弹出框的方向位置
<ch-popover>
<ch-button type="primary">Click Me</ch-button>
<template slot="content">
默认会在上方弹出
</template>
</ch-popover>
<ch-popover position="left">
<ch-button type="primary">Click Me</ch-button>
<template slot="content">
点击左边弹出
</template>
</ch-popover>
<ch-popover trigger="hover" position="bottom">
<ch-button type="primary">Hover Me</ch-button>
<template slot="content">
Hover触发 下方弹出
</template>
</ch-popover>
<ch-popover trigger="hover" position="right">
<ch-button type="primary">Hover Me</ch-button>
<template slot="content">
Hover触发 右边弹出
</template>
</ch-popover>
# 属性
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
trigger | 触发方式 | String | click / hover | click |
position | 出现位置 | String | top/ bottom / left / right | top |
slot | 弹出内容 | —— | 具名 slot="content" | —— |