提交 e69acfce authored 作者: 钟是志's avatar 钟是志

bug修改

上级 1acb2c50
......@@ -7,25 +7,53 @@ import React, { Component } from 'react'
import { Modal, Button } from 'antd';
import styles from './index.less'
export default class WebModal extends Component {
/**
* visible为显示装态
* handleCancel为取消函数
* title为定制标题内容
* width可以为收到输入
*/
constructor(props) {
super(props);
this.state={
top: 0,
}
}
/**
* 钟是志
* 2020年4月22日 17:07:53
* 修改Iframe打开弹窗的时候 弹窗定位错误的bug
* */
componentDidMount(){
setTimeout(()=>{
let dom = document.getElementById('detailInfoDiv');
if(dom && dom.offsetHeight){
let height = dom.offsetHeight;
if(height > 700){
this.setState({
top: height - 700,
})
}
// console.log(height, 'Iframe页面的高度');
}
}, 1500);
}
render() {
let { visible, handleCancel, title, width } =this.props
let { visible, handleCancel, title, width } =this.props;
const { top } = this.state;
const style = {
borderRadius:4,
};
if(top){
style.top = top;
}
return (
<div>
<Modal
closable={false}
visible={visible}
footer={null}
centered
destroyOnClose={true}
width={!!width ? width : 800}
handleCancel={handleCancel}
style={{borderRadius:4}}
style={style}
>
<div className={styles.content_div}>
<div className={styles.title}>{title}<Button className={styles.button} onClick={handleCancel}>X</Button></div>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论