5

src/App.tsx

@@ -29,7 +29,7 @@ class App extends Component {
     const defaultPage = {
       myPrize: MyPrize, // TODO 举例子 新宿台奖品页
       index: LoadingDemo,
-    }[skinId] || HomePage;
+    }[skinId] || GamePage;
     PageCtrl.changePage(defaultPage);
   }
 

src/pages/GamePage/Components/LevelBase.ts

@@ -10,6 +10,8 @@ export abstract class LevelBase extends Base {
     this.qs = this.addChild(new Sprite(Assets.get(`level${this.level}/qs.png`)));
     this.qs.anchor.set(0.5);
     this.qs.position.set(375, 505);
+
+    console.log(this.level)
   }
 
   setTouchEnable(enable: boolean) {

src/pages/GamePage/Game.ts

@@ -26,13 +26,13 @@ export class Game extends Base {
     const qsBg = this.addChild(new Sprite(Assets.get("问题.png")));
     qsBg.position.set(49, 316);
 
-    this.level = this.addChild(new Level9());
+    // this.level = this.addChild(new Level9());
 
     gameStore.start();
 
     globalEvent.on(GameEvent.NextLevel, this.nextLevel, this);
 
-    // this.nextLevel();
+    this.nextLevel();
 
   }
 

src/pages/GamePage/GamePage.tsx

@@ -17,6 +17,8 @@ import gameStore from "@/store/gameStore.ts";
 import.meta.env.DEV && initDevtools({});
 
 import bgImg from "../../assets/GamePage/bg.jpg";
+import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
+import TipPanel from "@/panels/TipPanel/TipPanel.tsx";
 
 export function getApp(): Application {
   return window["__app"];
@@ -108,6 +110,7 @@ class GamePage extends React.Component<any, any> {
     const { levelIndex, levelIdxArr } = gameStore.gameInfo;
 
     const titleIdx = levelIdxArr[levelIndex] + 1;
+    console.log(titleIdx)
 
     return <div className={styles.root} ref={(el) => this.gameDiv = el}>
 

src/panels/TipPanel/TipPanel.less

 @import "../../res.less";
 
-.SignSucPanel {
+.TipPanel {
   width: 750px;
   height: 1624px;
   position: absolute;
   left: 0;
   top: 0;
 
-  .bgEffect {
-    width: 750px;
-    height: 1624px;
-    position: absolute;
-    left: 0;
-    top: 0;
-  }
-
   .bg {
     position: absolute;
-    left: 0;
-    top: 397px;
-    width: 750px;
-    height: 741px;
-    .webpBg("SignSucPanel/bg.png");
+    left: 105px;
+    top: 491px;
+    width: 593px;
+    height: 475px;
+    .webpBg("TipPanel/bg.png");
   }
 
-  .title {
+  .text {
     position: absolute;
     left: 138px;
-    top: 306px;
-    width: 384px;
-    height: 84px;
-    .webpBg("SignSucPanel/签到成功.png");
-  }
-
-  .normal {
-    .tip {
-      font-family: "zzgfyht";
-      font-size: 53.62px;
-      color: #8f2245;
-      position: absolute;
-      left: 0;
-      top: 485px;
-      width: 100%;
-      text-align: center;
-    }
+    top: 550px;
+    width: 464px;
+    height: 215px;
 
-    .img {
-      position: absolute;
-      left: 245px;
-      top: 583px;
-      width: 263px;
-      height: 253px;
-      .webpBg("SignSucPanel/金币堆.png");
-    }
-  }
-
-  .vip {
-    color: #8f2245;
+    font-size: 36px;
+    color: rgb(153, 57, 27);
+    font-weight: bold;
     text-align: center;
-    font-family: "zzgfyht";
-
-    .tip {
-      font-size: 54.52px;
-      position: absolute;
-      left: 0;
-      top: 481px;
-      width: 100%;
-      text-align: center;
-    }
-
-    .left {
-      position: absolute;
-      left: 105px;
-      top: 581px;
-      width: 300px;
-      font-size: 43.19px;
-    }
-
-    .right {
-      position: absolute;
-      left: 340px;
-      top: 581px;
-      width: 300px;
-      font-size: 43.19px;
-    }
-
-    .img {
-      position: absolute;
-      left: 168px;
-      top: 643px;
-      width: 402px;
-      height: 184px;
-      .webpBg("SignSucPanel/会员金币堆.png");
-    }
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 
   .btn {
     position: absolute;
-    left: 164px;
-    top: 925px;
-    width: 420px;
-    height: 123px;
-    .webpBg("SignSucPanel/按钮.png");
+    left: 244px;
+    top: 766px;
+    width: 263px;
+    height: 92px;
+    .webpBg("TipPanel/btn.png");
   }
 
   .close {
     position: absolute;
-    left: 336px;
-    top: 1194px;
-    width: 79px;
-    height: 79px;
+    left: 343px;
+    top: 1058px;
+    width: 64px;
+    height: 64px;
     .webpBg("common/close.png");
   }
 

src/panels/TipPanel/TipPanel.tsx

@@ -6,7 +6,7 @@ import {_asyncThrottle} from "@/utils/utils.ts";
 import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
 
 export interface ITipPanelProps {
-  tip: string;
+  level: number;
 }
 
 @observer
@@ -19,16 +19,18 @@ class TipPanel extends React.Component<ITipPanelProps> {
     ModalCtrl.closeModal();
   };
 
-  clickBtn = _asyncThrottle(async () => {
+  clickBtn = () => {
     ModalCtrl.closeModal();
-  });
+  };
 
   render() {
-    const { tip } = this.props;
+    const { level } = this.props;
+
+    console.log(level);
 
-    return <div className="SignSucPanel modal_center">
+    return <div className="TipPanel modal_center">
       <div className="bg"/>
-      <div></div>
+      <div className="text">5=1</div>
       <Button className="btn" onClick={this.clickBtn}/>
       <Button className="close" onClick={this.clickClose}/>
     </div>;