EdModal

模态框组件

默认弹框

<EdModal
    title='提示'
    errMsg='错误提示，错误提示!'
    onClose={this.showModalDialog}
    onSure={this.showModalDialog}
    visible={this.state.isShowModal}
></EdModal>

confirm类型

<EdModal
    type='confirm'
    title='提示'
    errMsg='错误提示，错误提示!'
    sureText='下一步'
    cancelText='我在想想'
    onClose={this.showModalDialog}
    onSure={this.showModalDialog}
    visible={this.state.isShowModal2}
></EdModal>

自定义内容

<EdModal
  type='confirm'
  title='提示'
  sureText='确定'
  onClose={this.showModalDialog}
  onSure={this.showModalDialog}
  visible={this.state.isShowModal3}
>
  <div className='confirm-content'>
    {this.state.content.map((item, index) => {
      return (
        <div key={index} className='content-list'>
          <span className='left-text'>{item.title}</span>
          <span className='right-text'>{item.value}</span>
        </div>
      );
    })}
  </div>
</EdModal>

支付免密弹框

<EdModal
    type='pay'
    title='请输入取款密码'
    money='3000'
    currency={'USD'}
    payTipsText='转出保证金到外汇核心账户'
    onClose={this.showModalDialog}
    onSure={this.paySure}
    visible={this.state.isShowModal4}
></EdModal>

props 公共参数

属性	类型	可选值	默认值	说明
title	string	--	--	模态框的标题
type	string	aler、confirm,pay		模态框类型
errMsg	string	--	--	模态框的文案内容
visible	boolean	true、false	false	模态框是否可见
sureText	string	--	确定	模态框默认确认按钮文案
cancelText	string	---	--	双按钮模式下可以更改取消按钮文案

回调方法

事件名称	说明	回调参数
onClose	关闭模态框、取消按钮	回调其执行方法
onSure	确认按钮执行方法	回调其执行方法