init

src/components/BackPanel/BackPanel.jsx

+import React from "react";
+import {observer} from "mobx-react";
+import "./BackPanel.less";
+import {SvgaPlayer} from "@spark/svgaplayer";
+import {RES_PATH} from "../../../sparkrc";
+import {Button} from "@src/components/Button";
+import store from "@src/store";
+import {PAGE_MAP} from "@src/utils/constants";
+import modalStore from "@src/store/modal";
+import { sensorMdClick, sensorMdExpouse } from "@src/utils/sensorMd";
+
+@observer
+class BackPanel extends React.Component {
+
+  componentDidMount() {
+
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.t);
+  }
+
+  clickCancel = () => {
+    modalStore.closePop();
+  }
+
+  clickOk = () => {
+    modalStore.closePop();
+    store.changePage(PAGE_MAP.HOME_PAGE);
+  }
+
+  render() {
+    // 当前题目
+    return <div className="BackPanel modal_center">
+      <div className="bg"/>
+      <Button className="cancel" onClick={this.clickCancel}/>
+      <Button className="ok" onClick={this.clickOk}/>
+      <Button className="close" onClick={this.clickCancel}/>
+    </div>;
+  }
+}
+
+export default BackPanel;

src/components/BackPanel/BackPanel.less

+@import "../../res.less";
+
+.BackPanel {
+  width: 750px;
+  height: 1624px;
+  left: 0;
+  top: 0;
+  position: absolute;
+
+  .bg {
+    position: absolute;
+    left: 117px;
+    top: 429px;
+    width: 516px;
+    height: 464px;
+    .webpBg("BackPanel/bg.png");
+  }
+
+  .ok {
+    position: absolute;
+    left: 373px;
+    top: 758px;
+    width: 242px;
+    height: 109px;
+    .webpBg("BackPanel/ok.png");
+  }
+
+  .cancel {
+    position: absolute;
+    left: 136px;
+    top: 758px;
+    width: 242px;
+    height: 109px;
+    .webpBg("BackPanel/cancel.png");
+  }
+
+  .close {
+    position: absolute;
+    left: 348px;
+    top: 940px;
+    width: 53px;
+    height: 52px;
+    .webpBg("common/close.png");
+  }
+
+}

src/modal/modal.jsx

@@ -17,6 +17,7 @@ import ExitPop from "@src/components/exitPop/exitPop";
 import EventPanel from "@src/components/EventPanel/EventPanel";
 import FundsPanel from "@src/components/FundsPanel/FundsPanel";
 import ReviewPanel from "@src/components/ReviewPanel/ReviewPanel";
+import BackPanel from "@src/components/BackPanel/BackPanel";
 /**
  * 弹窗配置
 */
@@ -36,6 +37,7 @@ export const cfg = {
   EventPanel,
   FundsPanel,
   ReviewPanel,
+  BackPanel,
 };
 
 @observer

src/pages/answerpage/answerpage.jsx

@@ -35,6 +35,10 @@ class Answerpage extends React.Component {
     });
   }
 
+  clickBack = () => {
+    modalStore.pushPop("BackPanel");
+  }
+
   clickNext = () => {
     sensorMdClick("activityClick", { pageName: "测试选择页", buttonName: "确认" });
     const {quesIndex, chooseIndex, funds} = this.state;
@@ -134,6 +138,7 @@ class Answerpage extends React.Component {
         </div>
       </div>
       <Button className={`confirm md${quesIndex + 11}`} onClick={this.clickNext}/>
+      <Button className={`back`} onClick={this.clickBack}/>
     </div>;
   }
 }

src/pages/answerpage/answerpage.less

@@ -115,6 +115,15 @@
     .webpBg("answerPage/按钮.png");
   }
 
+  .back {
+    position: fixed;
+    left: 50px;
+    top: 80px;
+    width: 64px;
+    height: 64px;
+    .webpBg("answerPage/back.png");
+  }
+
   .answerArea {
     position: absolute;
     left: 0;