init

assets/Bundles/GamePanel/png/btnBg.png.meta

+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "cf1d6984-848b-479e-8cb6-06c8c5891dc8",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "cf1d6984-848b-479e-8cb6-06c8c5891dc8@6c48a",
+      "displayName": "btnBg",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "cf1d6984-848b-479e-8cb6-06c8c5891dc8",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "cf1d6984-848b-479e-8cb6-06c8c5891dc8@f9941",
+      "displayName": "btnBg",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 334,
+        "height": 77,
+        "rawWidth": 334,
+        "rawHeight": 77,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -167,
+            -38.5,
+            0,
+            167,
+            -38.5,
+            0,
+            -167,
+            38.5,
+            0,
+            167,
+            38.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            77,
+            334,
+            77,
+            0,
+            0,
+            334,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -167,
+            -38.5,
+            0
+          ],
+          "maxPos": [
+            167,
+            38.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "cf1d6984-848b-479e-8cb6-06c8c5891dc8@6c48a",
+        "atlasUuid": "",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "hasAlpha": true,
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "cf1d6984-848b-479e-8cb6-06c8c5891dc8@6c48a"
+  }
+}

assets/Scripts/Panels/PrizePanel.ts

 import { _decorator, Button, Label, Node, Sprite, SpriteFrame } from 'cc';
 import { AudioClipName, AudioMgr } from "db://assets/core/base/AudioMgr";
 import Panel from "db://assets/core/Module/Panel";
+import { observer, render } from "db://assets/Scripts/store/decorators";
+import store from "db://assets/Scripts/store/store";
 
 const { ccclass, property } = _decorator;
 
+@observer
 @ccclass('PrizePanel')
 export class PrizePanel extends Panel {
     static skin: string = "PrizePanel";
     static bundle: string = "GamePanel";
 
     @property(Node) okBtn: Node = null;
+    @property(Node) okBtn2: Node = null;
     @property(Node) closeBtn: Node = null;
 
     @property(Sprite) img: Sprite = null;
@@ -21,6 +25,24 @@ export class PrizePanel extends Panel {
         this.closeBtn.on(Button.EventType.CLICK, this.cancel, this);
     }
 
+    @render
+    render() {
+        const { boxConfigs } = store.homeInfo;
+        const noOpen = boxConfigs?.filter((item) => {
+            return +item.status != 1
+        });
+
+        if (noOpen?.length) {
+            this.okBtn2.active = true;
+            this.okBtn.active = false;
+            this.okBtn.getComponentInChildren(Label).string = `继续开宝箱(${noOpen.length})`;
+        } else {
+            this.okBtn2.active = false;
+            this.okBtn.active = true;
+        }
+
+    }
+
     start(): void {
         const { optionImg, optionName } = this.data;
         this.img.spriteFrame = optionImg;

project.settings.json

-{"proSetting":{"projectxIDs":{"testId":[{"label":"test","value":"p80bfa061"}],"prodId":[]},"skinVariables":[],"mockSetting":{"projectId":"","pageId":""}},"envSetting":{},"psdSetting":{"psdFSSetting":true,"psdCenterSetting":true}}
+{"proSetting":{"projectxIDs":{"testId":[{"label":"test","value":"p80bfa061"}],"prodId":[{"label":"线上测试","value":"pca83ad6b"}]},"skinVariables":[],"mockSetting":{"projectId":"","pageId":""}},"envSetting":{},"psdSetting":{"psdFSSetting":true,"psdCenterSetting":true}}