modal-qm

0.1.0 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i modal-qm

Weekly Downloads

0

Version

0.1.0

License

MIT

Last publish

Collaborators

  • qmpans