1

src/app.jsx

@@ -4,7 +4,7 @@ import "./app.less";
 import Modal from './modal/modal';
 import MD from '../MD';
 MD();
-
+import modalStore from './store/modal';
 import "../monitor.js"; //前端错误监控
 import getQueryParams from "./utils/getQueryParams";
 //此处为spark-cli动态生成

src/components/alert/alert.jsx

@@ -13,12 +13,17 @@ class Alert extends React.Component {
   constructor(props) {
     super(props);
   }
+  
+  onClick_close=()=>{
+    modalStore.closePop();
+  }
+
   render() {
     return (
       <div className="alert">
         <span className="alert_bg"></span>
-        <span className="alert_ok"></span>
-        <span className="alert_close"></span>
+        <span onClick={this.onClick_close} className="alert_ok"></span>
+        <span onClick={this.onClick_close} className="alert_close"></span>
       </div>
     );
   }

src/components/alert/alert.less

@@ -3,7 +3,8 @@
   width: 659px;
   height: 489px;
   left: 46px;
-  top: 527px;
+  top: 50%;
+  transform: translateY(-50%);
   position: absolute;
   .alert_bg {
     width: 657px;

src/components/rule/rule.less

@@ -3,7 +3,8 @@
   width: 667px;
   height: 654px;
   left: 41px;
-  top: 416px;
+  top: 50%;
+  transform: translateY(-50%);
   position: absolute;
   .rule_bg {
     width: 667px;