feat:merge

src/components/exitPop/exitPop.jsx

+import { observer } from 'mobx-react';
+import React, { Component } from 'react';
+import './exitPop.less';
+import { Button } from '@grace/ui';
+import { ModalCtrl } from "@/core/ctrls/ModalCtrl";
+import { PageCtrl } from "@/core/ctrls/PageCtrl";
+import HomePage from '@/pages/HomePage/HomePage.tsx';
+
+@observer
+class ExitPop extends Component {
+
+  closeModal = () => {
+    ModalCtrl.closeModal();
+  }
+
+  backHome = () => {
+    PageCtrl.changePage(HomePage)
+    this.closeModal();
+  }
+
+  render() {
+    return (
+      <div className="exitPop modal_center">
+        <div className="bg"></div>
+        <Button className="continueBtn" onClick={this.closeModal}></Button>
+        <Button className="sureBtn" onClick={this.backHome}></Button>
+        <Button className="closeBtn" onClick={this.closeModal}></Button>
+      </div>
+    );
+  }
+}
+
+export default ExitPop;

src/components/exitPop/exitPop.less

+@import '../../res.less';
+
+.exitPop {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+
+  .bg {
+    position: absolute;
+    left: 72px;
+    top: 405px;
+    width: 632px;
+    height: 642px;
+    .sparkBg("exitPop/bg.png");
+  }
+
+  .continueBtn {
+    position: absolute;
+    left: 141px;
+    top: 792px;
+    width: 210px;
+    height: 87px;
+    .sparkBg("exitPop/continueBtn.png");
+  }
+
+  .sureBtn {
+    position: absolute;
+    left: 373px;
+    top: 792px;
+    width: 210px;
+    height: 87px;
+    .sparkBg("exitPop/sureBtn.png");
+  }
+  
+  .closeBtn {
+    position: absolute;
+    left: 343px;
+    top: 1048px;
+    width: 64px;
+    height: 64px;
+    .sparkBg("exitPop/closeBtn.png");
+  }
+  
+  
+}
\ No newline at end of file

src/pages/GamePage/GamePage.tsx

@@ -20,6 +20,7 @@ import bgImg from "../../assets/GamePage/bg.jpg";
 import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
 import TipPanel from "@/panels/TipPanel/TipPanel.tsx";
 import { LevelArr } from "@/pages/GamePage/Level/LevelConfig.ts";
+import ExitPop from '@/components/exitPop/exitPop';
 
 export function getApp(): Application {
   return window["__app"];
@@ -100,7 +101,8 @@ class GamePage extends React.Component<any, any> {
   };
 
   clickBack = () => {
-    PageCtrl.backPage();
+    ModalCtrl.showModal(ExitPop)
+    // PageCtrl.backPage();
   }
 
   clickTip = () => {