5

src/pages/GamePage/GamePage.tsx

@@ -19,6 +19,7 @@ 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";
+import { LevelArr } from "@/pages/GamePage/Level/LevelConfig.ts";
 
 export function getApp(): Application {
   return window["__app"];
@@ -103,6 +104,10 @@ class GamePage extends React.Component<any, any> {
   }
 
   clickTip = () => {
+    const { levelIndex, levelIdxArr } = gameStore.gameInfo;
+    const levelIdx = levelIdxArr[levelIndex];
+    const { tip, cls } = LevelArr[levelIdx];
+    ModalCtrl.showModal(TipPanel, { tip });
   }
 
   render() {
@@ -110,7 +115,6 @@ 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.tsx

@@ -2,11 +2,10 @@ import React from "react";
 import {observer} from "mobx-react";
 import "./TipPanel.less";
 import {Button} from "@grace/ui";
-import {_asyncThrottle} from "@/utils/utils.ts";
 import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
 
 export interface ITipPanelProps {
-  level: number;
+  tip: string;
 }
 
 @observer
@@ -24,13 +23,13 @@ class TipPanel extends React.Component<ITipPanelProps> {
   };
 
   render() {
-    const { level } = this.props;
-
-    console.log(level);
+    const { tip } = this.props;
 
     return <div className="TipPanel modal_center">
       <div className="bg"/>
-      <div className="text">5=1</div>
+      <div className="text" dangerouslySetInnerHTML={{
+        __html: tip,
+      }}/>
       <Button className="btn" onClick={this.clickBtn}/>
       <Button className="close" onClick={this.clickClose}/>
     </div>;