Popover 气泡提示

介绍

在元素上点击或长按时，展示额外的气泡提示。

基础用法

<vd-popover message="提示消息内容">
  <view>展示消息</view>
</vd-popover>

API

Props

参数	说明	类型	默认值
message	提示信息	string	-
trigger	触发方式	'click' | 'longpress'	'click'
position	弹出位置	top top-start top-end bottom bottom-start bottom-end left left-start left-end right right-start right-end	'top'
transition	动画名称	string	'zoom-in'
duration	展示时长	number	300
show-arrow	是否显示箭头	boolean	true
lazy-render	是否懒渲染	boolean	true

代替原始 Props

参数	说明	类型	默认值
custom-id	根节点id	string	-
custom-class	根节点类名	ClassValue	-
custom-style	根节点样式	StyleValue	-

Events

事件名	说明	回调参数
open	打开时触发	-
opened	打开动画结束时触发	-
close	关闭时触发	-
closed	关闭动画结束时触发	-

Slots

名称	说明
default	触发容器
message	提示信息