0.0.4 • Published 4 years ago
react-layui-layer v0.0.4
🎉 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 | - |