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

bug修改

上级 1acb2c50
...@@ -7,25 +7,53 @@ import React, { Component } from 'react' ...@@ -7,25 +7,53 @@ import React, { Component } from 'react'
import { Modal, Button } from 'antd'; import { Modal, Button } from 'antd';
import styles from './index.less' import styles from './index.less'
export default class WebModal extends Component { export default class WebModal extends Component {
/** constructor(props) {
* visible为显示装态 super(props);
* handleCancel为取消函数 this.state={
* title为定制标题内容 top: 0,
* width可以为收到输入 }
*/ }
/**
* 钟是志
* 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() { 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 ( return (
<div> <div>
<Modal <Modal
closable={false} closable={false}
visible={visible} visible={visible}
footer={null} footer={null}
centered
destroyOnClose={true} destroyOnClose={true}
width={!!width ? width : 800} width={!!width ? width : 800}
handleCancel={handleCancel} handleCancel={handleCancel}
style={{borderRadius:4}} style={style}
> >
<div className={styles.content_div}> <div className={styles.content_div}>
<div className={styles.title}>{title}<Button className={styles.button} onClick={handleCancel}>X</Button></div> <div className={styles.title}>{title}<Button className={styles.button} onClick={handleCancel}>X</Button></div>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论