modal-qm v0.1.0

ModalQm模态框的显示和影藏

1. 使用方法

• cnpm install modal-qm --save

2. 代码使用eg

...
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