wuui
  • README
  • 开发指南
    • 介绍
    • 快速上手
    • 定制主题
  • 基础组件
    • Button 按钮
    • Cell 单元格
    • Icon 图标
    • Image 图片
    • Popup 弹出层
    • Toast 轻提示
  • 表单组件
    • Checkbox 复选框
    • Field 输入框
    • Form 表单
    • Search 搜索
    • Signature 签名
    • Stepper 步进器
  • 导航组件
    • BackTop 回到顶部
    • Grid 宫格
    • NavBar 导航栏
  • 展示组件
    • CountDown 倒计时
    • Divider 分割线
    • Empty 空状态
    • Splash 过渡页
    • Tag 标签
  • 反馈组件
    • Loading 加载
    • SwipeCell 滑动单元格
  • 业务组件
    • ActionBar 商品动作栏
    • Card 商品卡片
    • SubmitBar 提交订单栏
Powered by GitBook
On this page
  • 介绍
  • 引入
  • API
  • @Props
  • Events
  • @BuilderParam
  1. 基础组件

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

自定义弹窗内容

PreviousImage 图片NextToast 轻提示

Last updated 7 months ago