@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 根节点样式类

Package Sidebar

Install

npm i @doraemon-ui/miniprogram.popup

Weekly Downloads

14

Version

0.0.1-alpha.1

License

MIT

Unpacked Size

201 kB

Total Files

57

Last publish

Collaborators

  • sunnie1992
  • skyvow