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

📦 安装

1npm i react-layui-layer --save

🔨 示例

1import Layer from 'react-layui-layer';

1showWindow = () => {
2     this.setState({
3         isShow: true
4     });
5
6 };
7onCancel = () => {
8     this.setState({
9         isShow: false
10     });
11
12 };

1   render() {
2        const {isShow,isShow2,windowsArray} = this.state;
3        console.log(isShow2);
4        return (
5            <div className="App">
6                <button onClick={this.showWindow}>打开窗口</button>
7                <Layer visible={isShow} onCancel={this.onCancel}>
8                         <span>测试数据</span>
9                </Layer>
10             </div>
11        )
12   }

📚 文档

参数	说明	类型	默认值
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	-