@doraemon-ui/miniprogram.popup
TypeScript icon, indicating that this package has built-in type declarations

0.0.1-alpha.1 • Public • Published

Popup 弹出框

用于显示弹出框。

使用指南

在 page.json 中引入组件

json

示例代码

在开发者工具中预览效果

WXML

wxml

JAVASCRIPT

js

WXSS

wxss

API

Popup props

参数 类型 描述 默认值
prefixCls string 自定义类名前缀 dora-popup
animationPrefixCls string 自定义 animation 类名前缀 dora-animate
position string 弹出层位置信息,可选值为 center、top、right、bottom、left center
bodyStyle object 自定义 body 样式 -
mask boolean 是否显示蒙层 true
maskClosable boolean 点击蒙层是否允许关闭 true
visible boolean 是否可见 false
zIndex number 设置蒙层的 z-index 1000
mountOnEnter boolean 首次进入过渡时是否懒挂载组件 true
unmountOnExit boolean 离开过渡完成时是否卸载组件 true
bind:close function 点击关闭按钮或蒙层的回调函数 -
bind:closed function 关闭后的回调函数 -

Popup externalClasses

名称 描述
dora-class 根节点样式类

/@doraemon-ui/miniprogram.popup/

    Package Sidebar

    Install

    npm i @doraemon-ui/miniprogram.popup

    Weekly Downloads

    1

    Version

    0.0.1-alpha.1

    License

    MIT

    Unpacked Size

    201 kB

    Total Files

    57

    Last publish

    Collaborators

    • sunnie1992
    • skyvow