🎉 layui 弹层组件 - layui.layer React 封装 V0.0.4

📦 安装

npm i react-layui-layer --save

🔨 示例

import Layer from 'react-layui-layer';

showWindow = () => {
     this.setState({
         isShow: true
     });

 };
onCancel = () => {
     this.setState({
         isShow: false
     });

 };

   render() {
        const {isShow,isShow2,windowsArray} = this.state;
        console.log(isShow2);
        return (
            <div className="App">
                <button onClick={this.showWindow}>打开窗口</button>
                <Layer visible={isShow} onCancel={this.onCancel}>
                         <span>测试数据</span>
                </Layer>
             </div>
        )
   }

📚 文档

| 参数 | 说明 | 类型 | 默认值 | | -------- | ----- | :----: |:----: | | visible | 是否显示窗体 | Boolean | false | | shade | 遮罩 即弹层外区域。例如0.3为透明度0.3的黑色背景('#000') | Number | 0 | | type | 基本层类型 可传入的值有：1（页面层，子节点为dom）2（iframe层，子节点为地址） | Number | 1 | | title | 标题 弹出框的标题 | String | - | | maxmin | 最大最小化 该参数值对该参数值对type:1 type:2 有效，默认显示最大小化按钮。 |Boolean|true| | width |窗体宽度 |String| 800px| | height |窗体高度 |String| 500px| | onCancel | 当关闭窗体时回调方法 | function | - |