@doraemon-ui/miniprogram.popup NPM | npm.io

0.0.1-alpha.1 • Published 1 month ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

1 month ago

Popup 弹出框

用于显示弹出框。

使用指南

在 page.json 中引入组件

示例代码

在开发者工具中预览效果

WXML

JAVASCRIPT

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

@doraemon-ui/miniprogram.animation-group @doraemon-ui/miniprogram.backdrop @doraemon-ui/miniprogram.core-js @doraemon-ui/miniprogram.safe-area @doraemon-ui/miniprogram.shared @doraemon-ui/style

@infinitebrahmanuniverse/nolb-_dor @everything-registry/sub-chunk-253 @doraemon-ui/miniprogram.dialog @doraemon-ui/miniprogram.toast

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 years ago

2 years ago

2 years ago

3 years ago