tingle-mask

The Mask Component for tingle

声明模块

var Mask = require('tingle-mask');

全局方式使用

Mask.show(options)

打开全局共用的遮罩实例。

Mask.show({
   // 遮罩层的透明度，有效范围0~1
	opacity: 0.5,
	// 遮罩层被点击时的回调
	onClick: function () {},
	// 遮罩层关闭以后的回调
	onHide: function () {}
});

Mask.hide()

关闭全局共用的遮罩实例。

Mask.hide();

Compontent方式使用

...
handleMaskClick() {}

handleMaskHide() {}

render() {
    return (
        <Mask opacity={0.6}
         onClick={this.handleMaskClick.bind(this)}
         onHide={this.handleMaskHide.bind(this)}/>
    )
}