nuke-mask
v2.1.10 nuke mask weex rax nuke-mask
Mask
- category: Components
- chinese: 遮罩层
- type: Basic
Design
This component is used as mask layer of a popup window, and controls the whole popup window show or hide.
This component implement use weex mask
component, and use div
and absolute layout in web environment.
Notice This component use aliweex sdk , so your app needs to integrate it.
API
Props | Description | Type | Default |
---|---|---|---|
style | style object | obj | |
animate | animation is enabled while showing | boolean | true |
effect | Animation effects if animate=true , enumerated values:ease-in ease-in-out ease-out linear cubic-bezier |
string | ease-in-out |
maskClosable | is closable when touching mask grey area | boolean | false |
duration | animation duration(ms) | number | 200 |
contentStyle | contentStyle | obj | |
onShow | 浮层展示后的回调 | function | |
onHide | 浮层隐藏后的回调 | function |
About contentStyle
If Mask has more than one child inside it, we will add an extra View node as parent. ContentStyle props will be added to this parent node.
Instance Methods:
- this.refs.myMask.show() : show Mask
- this.refs.myMask.hide() : close Mask
npm i [email protected]
Source Code
[email protected]:n...Metadata
- Apache
- Whatever
- leanhunter
- released 8/20/2018