diff --git a/assets/resources/game/gui/Btn.prefab b/assets/resources/game/gui/Btn.prefab
new file mode 100644
index 00000000..660b588b
--- /dev/null
+++ b/assets/resources/game/gui/Btn.prefab
@@ -0,0 +1,460 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "Btn",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Btn",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      },
+      {
+        "__id__": 8
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 14
+      },
+      {
+        "__id__": 16
+      }
+    ],
+    "_prefab": {
+      "__id__": 18
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btn_large_orange",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 5
+      }
+    ],
+    "_prefab": {
+      "__id__": 7
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 0.5,
+      "y": 0.4,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 4
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 216,
+      "height": 106
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "32K2Dv7GFLo5C3I93vwlA4"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 6
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@3c9ae",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "84UBHGdD5K5pwHH/xHPJdv"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "12pgh5YidIzJQokhOGrMYU",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 9
+      },
+      {
+        "__id__": 11
+      }
+    ],
+    "_prefab": {
+      "__id__": 13
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 8
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 10
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 49.576171875,
+      "height": 54.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "84Ag0s0BpJpJkHkk/orDmF"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 8
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 12
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "label",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 20,
+    "_fontSize": 20,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": true,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "1evOHf4QlOqr4vCOCj1QKc"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "143Ez+pCBDuKgbef19Aeln",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 15
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "50yJWRtc1Nl6Swd/YuEIj6"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 17
+    },
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 0,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e2bGXJ18VGC61P18szeioK"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "c46/YsCPVOJYA4mWEpNYRx",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/resources/game/gui/Btn.prefab.meta b/assets/resources/game/gui/Btn.prefab.meta
new file mode 100644
index 00000000..f5f79222
--- /dev/null
+++ b/assets/resources/game/gui/Btn.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "15cb03dd-c2be-47d4-a30f-aef7745f5ceb",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "Btn"
+  }
+}
diff --git a/assets/resources/gui/role_controller.prefab b/assets/resources/gui/role_controller.prefab
index d9941d55..0a36d33a 100644
--- a/assets/resources/gui/role_controller.prefab
+++ b/assets/resources/gui/role_controller.prefab
@@ -29,22 +29,25 @@
       },
       {
         "__id__": 552
+      },
+      {
+        "__id__": 560
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 598
+        "__id__": 606
       },
       {
-        "__id__": 600
+        "__id__": 608
       },
       {
-        "__id__": 602
+        "__id__": 610
       }
     ],
     "_prefab": {
-      "__id__": 604
+      "__id__": 612
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -1867,6 +1870,8 @@
       "__id__": 0
     },
     "fileId": "dcG22lX7hD9I2J5oMbPvoJ",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
@@ -2666,6 +2671,8 @@
       "__id__": 0
     },
     "fileId": "a2T+9jtpFDK6TbGmUuF01c",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
@@ -3659,6 +3666,8 @@
       "__id__": 0
     },
     "fileId": "92fF6VNGhL4KGhc565gFRM",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
@@ -4621,6 +4630,8 @@
       "__id__": 0
     },
     "fileId": "33rSVysAVB1LO2v7wC2zZ1",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
@@ -5583,6 +5594,8 @@
       "__id__": 0
     },
     "fileId": "24VpHkRBxCuZkdMazUpc/Y",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
@@ -6771,6 +6784,8 @@
       "__id__": 0
     },
     "fileId": "56RLUg7xhCHJy0chNJZ39x",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
@@ -7953,6 +7968,8 @@
       "__id__": 0
     },
     "fileId": "46VgrHm5VNH5UNmq7bgAi+",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
@@ -8028,6 +8045,8 @@
       "__id__": 0
     },
     "fileId": "1dCR7MD6tJe5YZVuNBa4bi",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
@@ -11712,6 +11731,154 @@
     ],
     "value": false
   },
+  {
+    "__type__": "cc.Node",
+    "_name": "heros",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 553
+      },
+      {
+        "__id__": 555
+      },
+      {
+        "__id__": 557
+      }
+    ],
+    "_prefab": {
+      "__id__": 559
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 552
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 554
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 720,
+      "height": 1280
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "b8vVetBXhGSLtWapythsNV"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 552
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 556
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "1bjrc7Mm1FhaxD2BxE8ATI"
+  },
+  {
+    "__type__": "34b93EodQVFeZHJqT6fEECt",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 552
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 558
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "67WIbhAu1DVbMGPhRTEI8H"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "5bTPc9EWtItJLLe+mJi4PT",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
   {
     "__type__": "cc.Node",
     "_name": "top",
@@ -11722,23 +11889,23 @@
     },
     "_children": [
       {
-        "__id__": 553
+        "__id__": 561
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 591
+        "__id__": 599
       },
       {
-        "__id__": 593
+        "__id__": 601
       },
       {
-        "__id__": 595
+        "__id__": 603
       }
     ],
     "_prefab": {
-      "__id__": 597
+      "__id__": 605
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -11775,30 +11942,30 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 552
+      "__id__": 560
     },
     "_children": [
       {
-        "__id__": 554
+        "__id__": 562
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 582
+        "__id__": 590
       },
       {
-        "__id__": 584
+        "__id__": 592
       },
       {
-        "__id__": 586
+        "__id__": 594
       },
       {
-        "__id__": 588
+        "__id__": 596
       }
     ],
     "_prefab": {
-      "__id__": 590
+      "__id__": 598
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -11835,27 +12002,27 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 553
+      "__id__": 561
     },
     "_children": [
-      {
-        "__id__": 555
-      },
       {
         "__id__": 563
       },
       {
-        "__id__": 569
+        "__id__": 571
+      },
+      {
+        "__id__": 577
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 579
+        "__id__": 587
       }
     ],
     "_prefab": {
-      "__id__": 581
+      "__id__": 589
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -11892,23 +12059,23 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 554
+      "__id__": 562
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 556
+        "__id__": 564
       },
       {
-        "__id__": 558
+        "__id__": 566
       },
       {
-        "__id__": 560
+        "__id__": 568
       }
     ],
     "_prefab": {
-      "__id__": 562
+      "__id__": 570
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -11945,11 +12112,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 555
+      "__id__": 563
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 557
+      "__id__": 565
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -11973,11 +12140,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 555
+      "__id__": 563
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 559
+      "__id__": 567
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -12021,11 +12188,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 555
+      "__id__": 563
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 561
+      "__id__": 569
     },
     "_alignFlags": 40,
     "_target": null,
@@ -12070,20 +12237,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 554
+      "__id__": 562
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 564
+        "__id__": 572
       },
       {
-        "__id__": 566
+        "__id__": 574
       }
     ],
     "_prefab": {
-      "__id__": 568
+      "__id__": 576
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -12120,11 +12287,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 563
+      "__id__": 571
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 565
+      "__id__": 573
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -12148,11 +12315,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 563
+      "__id__": 571
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 567
+      "__id__": 575
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -12209,26 +12376,26 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 554
+      "__id__": 562
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 570
+        "__id__": 578
       },
       {
-        "__id__": 572
+        "__id__": 580
       },
       {
-        "__id__": 574
+        "__id__": 582
       },
       {
-        "__id__": 576
+        "__id__": 584
       }
     ],
     "_prefab": {
-      "__id__": 578
+      "__id__": 586
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -12265,11 +12432,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 569
+      "__id__": 577
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 571
+      "__id__": 579
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -12293,11 +12460,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 569
+      "__id__": 577
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 573
+      "__id__": 581
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -12361,11 +12528,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 569
+      "__id__": 577
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 575
+      "__id__": 583
     },
     "_alignFlags": 10,
     "_target": null,
@@ -12397,11 +12564,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 569
+      "__id__": 577
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 577
+      "__id__": 585
     },
     "templateMode": true,
     "watchPath": "data.data.gold",
@@ -12434,11 +12601,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 554
+      "__id__": 562
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 580
+      "__id__": 588
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -12475,11 +12642,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 553
+      "__id__": 561
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 583
+      "__id__": 591
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -12503,11 +12670,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 553
+      "__id__": 561
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 585
+      "__id__": 593
     },
     "_alignFlags": 8,
     "_target": null,
@@ -12539,11 +12706,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 553
+      "__id__": 561
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 587
+      "__id__": 595
     },
     "_resizeMode": 0,
     "_layoutType": 1,
@@ -12577,11 +12744,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 553
+      "__id__": 561
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 589
+      "__id__": 597
     },
     "_alignFlags": 40,
     "_target": null,
@@ -12626,11 +12793,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 552
+      "__id__": 560
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 592
+      "__id__": 600
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -12654,11 +12821,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 552
+      "__id__": 560
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 594
+      "__id__": 602
     },
     "_alignFlags": 17,
     "_target": null,
@@ -12690,11 +12857,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 552
+      "__id__": 560
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 596
+      "__id__": 604
     },
     "_id": ""
   },
@@ -12725,7 +12892,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 599
+      "__id__": 607
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -12753,7 +12920,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 601
+      "__id__": 609
     },
     "_alignFlags": 45,
     "_target": null,
@@ -12789,7 +12956,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 603
+      "__id__": 611
     },
     "debugMode": false,
     "_id": ""
diff --git a/assets/script/game/map/HSkillComp.ts b/assets/script/game/map/HSkillComp.ts
new file mode 100644
index 00000000..5d817ae2
--- /dev/null
+++ b/assets/script/game/map/HSkillComp.ts
@@ -0,0 +1,58 @@
+import { _decorator, Animation, AnimationClip, Component, instantiate, Label, Node, Prefab, resources, Sprite, SpriteFrame, v3, tween, Vec3, ProgressBar, SpriteAtlas } from 'cc';
+import { oops } from 'db://oops-framework/core/Oops';
+import { getHeroList, getPreAttr, HeroConf, HeroInfo, HType, HTypeName } from '../common/config/heroSet';
+import { smc } from '../common/SingletonModuleComp';
+import { GameEvent } from '../common/config/GameEvent';
+import { CCComp } from 'db://oops-framework/module/common/CCComp';
+import { ecs } from 'db://oops-framework/libs/ecs/ECS';
+import { SkillSet } from '../common/config/SkillSet';
+import { mLogger } from '../common/Logger';
+const { ccclass, property } = _decorator;
+
+@ccclass('HSkillComp')
+@ecs.register('HSkillComp', false)
+export class HSkillComp extends CCComp {
+    debugMode: boolean = false;
+
+    h_uuid:number=0
+    private uiconsAtlas: SpriteAtlas | null = null;
+  
+
+    protected onLoad(): void {
+    }
+
+    
+    start() {
+      
+    }
+    
+    start_test(){
+        this.node.active=true
+        this.node.parent.getChildByName("mission_home").active=false
+    }
+
+    end_test(){
+        this.node.parent.getChildByName("mission_home").active=true
+        this.node.active=false
+    }
+
+    update(deltaTime: number) {
+        
+    }
+    update_data(uuid:number){
+      
+    }
+
+    load_hui(uuid:number){
+        var path =  "game/gui/hui";
+        var prefab: Prefab = oops.res.get(path, Prefab)!;
+        var node = instantiate(prefab);
+        // 将节点添加到父节点下
+        this.node.addChild(node);
+        // 设置节点位置
+    }
+   
+    reset() {
+        this.node.destroy()
+    }
+}
\ No newline at end of file
diff --git a/assets/script/game/map/HSkillComp.ts.meta b/assets/script/game/map/HSkillComp.ts.meta
new file mode 100644
index 00000000..dac80f4c
--- /dev/null
+++ b/assets/script/game/map/HSkillComp.ts.meta
@@ -0,0 +1 @@
+{"ver":"4.0.24","importer":"typescript","imported":true,"uuid":"34b93128-7505-4579-91c9-a93e9f1040ad","files":[],"subMetas":{},"userData":{}}