Popup 弹出层

介绍

弹出层组件,用于展示弹窗、信息提示等内容。

引入

import { WuPopup } from '@itrain/wu-ui'

API

@Props

名称
说明
类型
是否必需
默认值

visible

是否显示弹出层 双向同步

boolean

placement

弹出位置, 可选值为 top bottom right left center

string

'center'

round

是否显示圆角

boolean

true

popupWidth

弹窗宽度

Length

popupHeight

弹窗高度

Length

safeAreaInsetTop

是否开启顶部安全区适配

boolean

false

safeAreaInsetBottom

是否开启底部安全区适配

boolean

false

duration

动画时长,单位毫秒

number

400

maskable

是否显示遮罩层

boolean

true

maskClosable

是否允许点击遮罩关闭弹窗

boolean

true

closeable

是否显示关闭图标

boolean

false

Events

名称
说明
回调函数

onOpen

弹窗打开时执行的回调

() => void

onClose

弹窗关闭时执行的回调

() => void

@BuilderParam

名称
说明

customContent

自定义弹窗内容

Last updated