定位

src/components/AnalysisResult/index.jsx

@@ -1,7 +1,7 @@
 import React,{Component} from 'react';
 import styles from './index.less';
 import ReactDom from "react-dom";
-import close from "@common/images/close1.png";
+import close from "@common/images/icon_cancel.png";
 
 class AnalysisResult extends Component {
   constructor(props) {
@@ -24,7 +24,7 @@ class AnalysisResult extends Component {
 	const domNode = document.getElementById('root');
 	return ReactDom.createPortal(
 		show?<React.Fragment>
-		  <div className={styles.maskCover} onClick={this.showHistoryBox}></div>
+		  {/*<div className={styles.maskCover} onClick={this.showHistoryBox}></div>*/}
 		  <div className={styles.contentBox}>
 			<h2>CRF解析结果</h2>
 			<img className={styles.close} src={close} alt="" onClick={()=>onClose(false)}/>

src/components/AnalysisResult/index.less

@@ -14,10 +14,9 @@
   width: 600px;
   height: 500px;
   position: fixed;
-  top:50%;
-  left:50%;
-  margin-top: -250px;
-  margin-left: -300px;
+  bottom: 0;
+  right: 50%;
+  margin-right: -600px;
   background: #fff;
   z-index: 101;
   .content{
@@ -27,12 +26,16 @@
   }
   h2{
 	text-align: center;
-	font-size: 20px;
-	margin: 10px auto;
+	font-size: 18px;
+	margin:0 auto;
+	color: #fff;
+	background: #4F9FF3;
+	line-height: 30px;
   }
   .close{
+	width: 15px;
 	float: right;
-	margin-top: -34px;
+	margin-top: -22px;
 	margin-right: 10px;
 	cursor: pointer;
   }