dev_aliyun2
harry 5 years ago
parent 4ced85c494
commit 7fd6707d14

@ -1,3 +1,4 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { Spin, Icon, Modal } from 'antd'; import { Spin, Icon, Modal } from 'antd';
class Modals extends Component { class Modals extends Component {
@ -33,29 +34,24 @@ class Modals extends Component {
} }
.color848282{ .color848282{
color:#848282; color:#848282;
}
.task-btn{
color: #fff !important;
} }
` `
} }
</style>:""} </style> : ""}
<Spin indicator={antIcons} spinning={this.props.antIcon===undefined?false:this.props.antIcon} > <Spin indicator={antIcons} spinning={this.props.antIcon === undefined ? false : this.props.antIcon} >
<div className="task-popup-content"> <div className="task-popup-content">
<p className="task-popup-text-center font-16">{this.props.modalsTopval}</p> <p className="task-popup-text-center font-16">{this.props.modalsTopval}</p>
{this.props.modalsMidval===undefined?"":<p className={this.props.modalstyles?"task-popup-text-center font-16 mt5 color848282":"task-popup-text-center font-16 mt5"}>{this.props.modalsMidval}</p>} {this.props.modalsMidval === undefined ? "" : <p className={this.props.modalstyles ? "task-popup-text-center font-16 mt5 color848282" : "task-popup-text-center font-16 mt5"}>{this.props.modalsMidval}</p>}
<p className={this.props.modalstyles?"task-popup-text-center font-16 mt5 color848282":"task-popup-text-center font-16 mt5"} <p className={this.props.modalstyles ? "task-popup-text-center font-16 mt5 color848282" : "task-popup-text-center font-16 mt5"}
>{this.props.modalsBottomval}</p> >{this.props.modalsBottomval}</p>
{this.props.loadtype===true? {this.props.loadtype === true ?
<div className="clearfix edu-txt-center mt20"> <div className="clearfix edu-txt-center mt20">
<a className="task-btn task-btn-orange pop_close" onClick={this.props.modalSave}>知道啦</a> <a className="task-btn task-btn-orange pop_close" onClick={this.props.modalSave}>知道啦</a>
</div> </div>
: :
<div className="clearfix mt30 edu-txt-center"> <div className="clearfix mt30 edu-txt-center">
<a className="task-btn mr30" onClick={this.props.modalCancel}>{this.props.cancelText || '取消'}</a> <a className="task-btn mr30" onClick={this.props.modalCancel}>取消</a>
<a className="task-btn task-btn-orange" onClick={this.props.modalSave}>{this.props.okText || '确定'}</a> <a className="task-btn task-btn-orange" onClick={this.props.modalSave}>{this.props.okText || '确定'}</a>
</div>
}
</div> </div>
} }
</div> </div>

Loading…
Cancel
Save