modal-qm
v0.1.0
Published
react modal img
Downloads
7
Readme
ModalQm模态框的显示和影藏
1. 使用方法
- [x] 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