index.md 3.4 KB


nav: path: /components group: title: 反馈 order: 12

toc: 'content'

Popover 气泡菜单

点击元素,弹出气泡式的菜单

何时使用

用于导航功能的气泡菜单唤起,通常用于收纳低频使用的功能。该功能只能通过导航栏上的图标激活。

代码示例

基本使用

结合 List 组件使用

API

属性 说明 类型 默认值
autoAdjustOverflow 气泡被遮挡时的自动调整位置 boolean true
className 类名 string -
color 背景颜色 string -
contentClassName content 类名 string -
contentStyle content 样式 string -
content 内容 string | slot -
defaultVisible 默认是否显示 boolean false
destroyOnClose 不可见时是否卸载内容 boolean false
maskClassName 蒙层的类名 string -
maskStyle 蒙层的样式 string -
placement 气泡框位置,可选 toptop-righttop-leftbottombottom-leftbottom-rightleftleft-topleft-bottomrightright-topright-bottom string top
showMask 是否展示蒙层,为 true 时点击空白处可关闭 Popover boolean true
style 样式 string -
visible 是否显示 boolean -
onVisibleChange visible 变更时的回调 (visible: boolean, event: Event) => void -