# ModalQm模态框的显示和影藏

------


### 1. 使用方法

- [x] cnpm install modal-qm --save

### 2. 代码使用eg

```python
...
import ModalQm from 'modal-qm';
...
constructor(props) {
    super(props);
    this.state = {
      visible: false
    }
}
...
ok() {
    alert('OK')
}

cancel() {
    alert('cancel')
}
<ModalQm visible={this.state.visible} ok={this.ok} cancel={this.cancel} oktext='马上完善' canceltext='稍后再说'>
  <div className="icon">
    <i className="icon-eye"></i>
  </div>
  <div className="text-one">您当前尚未登录，无法进行操作</div>
  <div className="text-two">请登录后再进行操作</div>
</ModalQm>
...
```
### 3.要显示在模态框中的内容
```
<div className="icon">
    <i className="icon-eye"></i>
</div>
<div className="text-one">您当前尚未登录，无法进行操作</div>
<div className="text-two">请登录后再进行操作</div>
```
### 4. 参数说明

| 参数        | 格式   |  说明  |  是否必填  |
| --------   | -----:  | :----:  |  |
| visible     | boolean |   控制显示和影藏的     |必填,影藏为false,初始化为false影藏模态框|
| ok        |   function   |   点击确定按钮执行什么   |必填|
| cancel        |    function    |  点击取消按钮执行什么  |必填|
| oktext        |    string    |  确定按钮的问题，不填写为默认值“确定”  |非必填|
| canceltext        |    string    |  取消按钮的文字，不填写为默认值“取消”  |非必填|


---

**LICENSE**

MIT