rule

src/app.jsx

@@ -12,18 +12,18 @@ import MD from "../MD"; // 埋点
 MD();
 
 // 此处为spark-cli动态生成
-import LoadingDemo from "@src/pages/LoadingDemo/LoadingDemo";
-import HomeDemo from "@src/pages/HomeDemo/HomeDemo";
 import Detailpage from "./pages/detailpage/detailpage";
 import Rankpage from "./pages/rankpage/rankpage";
 import { PAGE_MAP } from "./utils/constants";
+import Loading from "./pages/loading/loading";
+import Homepahe from "./pages/homepahe/homepahe";
 
 /**
  * 所有页面场景
  */
 const pageMap = {
-  [PAGE_MAP.LOADING_PAGE]: <LoadingDemo />,
-  [PAGE_MAP.HOME_PAGE]: <HomeDemo />,
+  [PAGE_MAP.LOADING_PAGE]: <Loading />,
+  [PAGE_MAP.HOME_PAGE]: <Homepahe />,
   [PAGE_MAP.DETAIL_PAGE]: <Detailpage />,
   [PAGE_MAP.RANK_PAGE]: <Rankpage />,
 };

src/assetList.json

-{"preLoadImg":[],"asyncLoadImg":["LoadingPage/loadingBg.jpg","LoadingPage/loadingFill.png","LoadingPage/loadingIp.png","detailPage/back.png","detailPage/bg.png","detailPage/border.png","detailPage/headline.png","detailPage/l_bg.png","detailPage/line.png","rankPage/back.png","rankPage/bg.png","rankPage/border.png","rankPage/headnline.png","rankPage/l_bg.png","rankPage/line.png","rankPage/ownbg.png"]}
+{"preLoadImg":[],"asyncLoadImg":["detailPage/back.png","detailPage/bg.png","detailPage/border.png","detailPage/headline.png","detailPage/line.png","detailPage/l_bg.png","failPop/bg.png","failPop/close.png","failPop/endbtn.png","failPop/goonbtn.png","homePahe/bardown.png","homePahe/baron.png","homePahe/bg.png","homePahe/box1.png","homePahe/box2.png","homePahe/box3.png","homePahe/box4.png","homePahe/close1.png","homePahe/close2.png","homePahe/close3.png","homePahe/close4.png","homePahe/detail.png","homePahe/gameBarbg.png","homePahe/infobg.png","homePahe/open1.png","homePahe/open2.png","homePahe/open3.png","homePahe/open4.png","homePahe/prizebg.png","homePahe/rank.png","homePahe/rule.png","homePahe/show.png","homePahe/startBtn.png","homePahe/title.png","loading/bardown.png","loading/baron.png","loading/bg.png","loading/ip.png","loading/title.png","LoadingPage/loadingBg.jpg","LoadingPage/loadingFill.png","LoadingPage/loadingIp.png","rankPage/back.png","rankPage/bg.png","rankPage/border.png","rankPage/headnline.png","rankPage/line.png","rankPage/l_bg.png","rankPage/ownbg.png","rulePop/bg.png","rulePop/close.png","successPop/bar.png","successPop/barbg.png","successPop/bg.png","successPop/btn.png","successPop/close.png"]}
\ No newline at end of file

src/components/rulepop/rulepop.jsx

@@ -3,20 +3,27 @@
 import React from 'react';
 import { observer } from 'mobx-react';
 import './rulepop.less';
+import store from '@src/store';
+import modalStore from '@src/store/modal';
+import { Button } from '../Button';
 
 @observer
 class Rulepop extends React.Component {
   constructor(props) {
     super(props);
   }
+  componentDidMount() {
+    store.initRule()
+  }
+  closePop(){
+    modalStore.closePop()
+  }
   render() {
     return (
       <div className="rulepop modal_center">
-        <span className="close"></span>
+        <Button className="close" onClick={this.closePop}></Button>
         <span className="bg"></span>
-        <span className="ruletxt">
-          这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则这里是活动规则
-        </span>
+        <span className="ruletxt" dangerouslySetInnerHTML={{ __html: store.ruleInfo }}></span>
       </div>
     );
   }

src/components/rulepop/rulepop.less

@@ -29,5 +29,7 @@
     position: absolute;
     font-size: 32px;
     color: rgba(254, 254, 254, 1);
+    word-break: break-all;
+    overflow-y: scroll;
   }
 }

src/modal/modal.jsx

@@ -15,8 +15,6 @@ import { toJS } from 'mobx';
 export const cfg = {
   Detailpage: Detailpage,
   Rankpage: Rankpage,
-  Loading: Loading,
-  Homepahe: Homepahe,
   Rulepop: Rulepop,
   Successpop: Successpop,
   Failpop: Failpop