tingle-mask

0.2.0 • Public • Published

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)}/>
    )
}

/tingle-mask/

    Package Sidebar

    Install

    npm i tingle-mask

    Weekly Downloads

    2

    Version

    0.2.0

    License

    MIT

    Last publish

    Collaborators

    • gbk
    • gnosaij
    • yize