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