init

assets/Scripts/Panels/RulePanel.ts

@@ -12,15 +12,18 @@ export default class RulePanel extends Panel {
     static bundle = "RulePanel";
     static skin = "RulePanel";
 
-    @property(Node) closeBtn: Node = null;
-    @property(Node) ruleNode: Node = null;
-    @property(Node) content: Node = null;
-
     dom: HTMLDivElement;
 
     async onLoad() {
         // await store.updateRule();
-        this.closeBtn.on(Button.EventType.CLICK, this.clickClose);
+
+        window["__clickRule__"] = this.clickClose;
+    }
+
+    protected onDestroy() {
+        window["__clickRule__"] = null;
+        this.dom && this.dom.remove();
+        this.dom = null;
     }
 
     @render
@@ -52,21 +55,31 @@ export default class RulePanel extends Panel {
                 display: flex;
                 align-items: center;
                 justify-content: center;
-                pointer-events: none;
             ">
                 <div style="
-                    width: 8.35rem;
-                    height: 4.55rem;
+                    width: 100%;
+                    height: 100%;
                     position: absolute;
-                    top: 2rem;
+                    top: 0;
                     overflow: auto;
-                    pointer-events: auto;
                 ">
                     <img
-                        src="${store.frontVariable.ruleImg}"
+                        src="${store.homeInfo.ruleImage}"
                         style="width: 100%;"
                     >
                 </div>
+
+                <div style="
+                    width: 0.65rem;
+                    height: 0.65rem;
+                    position: fixed;
+                    left: 0.43rem;
+                    top: 0.98rem;
+                    background-image: url('//yun.duiba.com.cn/polaris/back.a1b432dc6caec8ef2ff6eaed85b5bdd03a38055a.png');
+                    background-size: cover;
+                "
+                     onclick="window.__clickRule__()"
+                ></div>
             </div>
         `;
 

assets/Scripts/Scenes/HomeScene.ts

@@ -20,6 +20,7 @@ import { sendWebNet, WebNetName } from "db://assets/Scripts/Utils/WebNet/WebNet"
 import { BoxPanel } from "db://assets/Scripts/Panels/BoxPanel";
 import gameStore from "db://assets/Scripts/store/gameStore";
 import { GuideScene } from "db://assets/Scripts/Scenes/GuideScene";
+import RulePanel from "db://assets/Scripts/Panels/RulePanel";
 
 const { ccclass, property } = _decorator;
 
@@ -35,6 +36,10 @@ export class HomeScene extends Scene {
   @property(Node) startBtn: Node = null;
   @property(Label) timesLabel: Label = null;
 
+
+  @property(Node) ruleBtn: Node = null;
+  @property(Node) prizeBtn: Node = null;
+
   @property(ProgressBar) progress: ProgressBar = null;
   @property(Node) boxRoot: Node = null;
 
@@ -47,6 +52,8 @@ export class HomeScene extends Scene {
 
   onLoad() {
     this.startBtn.on(Button.EventType.CLICK, this.clickStart, this);
+    this.ruleBtn.on(Button.EventType.CLICK, this.clickRule, this);
+    this.prizeBtn.on(Button.EventType.CLICK, this.clickPrize, this);
   }
 
   async start() {
@@ -55,6 +62,14 @@ export class HomeScene extends Scene {
     }
   }
 
+  clickRule = () => {
+    showPanel(RulePanel);
+  };
+
+  clickPrize = () => {
+    // showPanel("PrizePanel");
+  }
+
   @render
   render() {
     const {