diff --git a/assets/resources/common/prefab/window.prefab b/assets/resources/common/prefab/window.prefab
index b98e2c66..8c458dbe 100644
--- a/assets/resources/common/prefab/window.prefab
+++ b/assets/resources/common/prefab/window.prefab
@@ -3,13 +3,13 @@
     "__type__": "cc.Prefab",
     "_name": "window",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "_native": "",
     "data": {
       "__id__": 1
     },
     "optimizationPolicy": 0,
-    "persistent": false,
-    "asyncLoadAssets": false
+    "persistent": false
   },
   {
     "__type__": "cc.Node",
@@ -65,6 +65,7 @@
       "y": 1,
       "z": 1
     },
+    "_mobility": 0,
     "_layer": 33554432,
     "_euler": {
       "__type__": "cc.Vec3",
@@ -78,6 +79,7 @@
     "__type__": "cc.Node",
     "_name": "lab_title",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "_parent": {
       "__id__": 1
     },
@@ -100,7 +102,7 @@
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 114,
+      "y": 143.597,
       "z": 0
     },
     "_lrot": {
@@ -116,6 +118,7 @@
       "y": 1,
       "z": 1
     },
+    "_mobility": 0,
     "_layer": 33554432,
     "_euler": {
       "__type__": "cc.Vec3",
@@ -129,6 +132,7 @@
     "__type__": "cc.UITransform",
     "_name": "",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 2
     },
@@ -156,6 +160,7 @@
     "__type__": "cc.Label",
     "_name": "",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 2
     },
@@ -190,6 +195,29 @@
     "_isUnderline": false,
     "_underlineHeight": 2,
     "_cacheMode": 1,
+    "_enableOutline": false,
+    "_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": ""
   },
   {
@@ -200,6 +228,7 @@
     "__type__": "110c8vEd5NEPL/N9meGQnaX",
     "_name": "lab_ok<LanguageLabel>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 2
     },
@@ -223,12 +252,16 @@
     "asset": {
       "__id__": 0
     },
-    "fileId": "42TIPOfhhM7ra85tXw74QR"
+    "fileId": "42TIPOfhhM7ra85tXw74QR",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
   },
   {
     "__type__": "cc.Node",
     "_name": "lab_content",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "_parent": {
       "__id__": 1
     },
@@ -267,6 +300,7 @@
       "y": 1,
       "z": 1
     },
+    "_mobility": 0,
     "_layer": 33554432,
     "_euler": {
       "__type__": "cc.Vec3",
@@ -280,6 +314,7 @@
     "__type__": "cc.UITransform",
     "_name": "",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 10
     },
@@ -307,6 +342,7 @@
     "__type__": "cc.Label",
     "_name": "",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 10
     },
@@ -341,6 +377,29 @@
     "_isUnderline": false,
     "_underlineHeight": 2,
     "_cacheMode": 1,
+    "_enableOutline": false,
+    "_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": ""
   },
   {
@@ -351,6 +410,7 @@
     "__type__": "110c8vEd5NEPL/N9meGQnaX",
     "_name": "lab_ok<LanguageLabel>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 10
     },
@@ -374,12 +434,16 @@
     "asset": {
       "__id__": 0
     },
-    "fileId": "7fk7nP/NJBI7+oI60VkgZO"
+    "fileId": "7fk7nP/NJBI7+oI60VkgZO",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
   },
   {
     "__type__": "cc.Node",
     "_name": "btn_ok",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "_parent": {
       "__id__": 1
     },
@@ -425,6 +489,7 @@
       "y": 1,
       "z": 1
     },
+    "_mobility": 0,
     "_layer": 33554432,
     "_euler": {
       "__type__": "cc.Vec3",
@@ -438,6 +503,7 @@
     "__type__": "cc.Node",
     "_name": "lab_ok",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "_parent": {
       "__id__": 18
     },
@@ -476,6 +542,7 @@
       "y": 1,
       "z": 1
     },
+    "_mobility": 0,
     "_layer": 33554432,
     "_euler": {
       "__type__": "cc.Vec3",
@@ -489,6 +556,7 @@
     "__type__": "cc.UITransform",
     "_name": "Label<UITransform>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 19
     },
@@ -516,6 +584,7 @@
     "__type__": "cc.Label",
     "_name": "Label<Label>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 19
     },
@@ -550,6 +619,29 @@
     "_isUnderline": false,
     "_underlineHeight": 2,
     "_cacheMode": 1,
+    "_enableOutline": false,
+    "_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": ""
   },
   {
@@ -560,6 +652,7 @@
     "__type__": "110c8vEd5NEPL/N9meGQnaX",
     "_name": "lab_ok<LanguageLabel>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 19
     },
@@ -583,12 +676,16 @@
     "asset": {
       "__id__": 0
     },
-    "fileId": "79ujcxm8RNi7nnpjL7+jNw"
+    "fileId": "79ujcxm8RNi7nnpjL7+jNw",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
   },
   {
     "__type__": "cc.UITransform",
     "_name": "btn_ok<UITransform>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 18
     },
@@ -616,6 +713,7 @@
     "__type__": "cc.Sprite",
     "_name": "btn_ok<Sprite>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 18
     },
@@ -634,7 +732,7 @@
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "16d030ec-0f1c-4eca-9252-06cb8af7a7ba@f9941",
+      "__uuid__": "475189e3-a159-45bc-90f5-57864087d290@1b1f2",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 1,
@@ -660,6 +758,7 @@
     "__type__": "cc.Button",
     "_name": "btn_ok<Button>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 18
     },
@@ -702,10 +801,7 @@
       "b": 124,
       "a": 255
     },
-    "_normalSprite": {
-      "__uuid__": "16d030ec-0f1c-4eca-9252-06cb8af7a7ba@f9941",
-      "__expectedType__": "cc.SpriteFrame"
-    },
+    "_normalSprite": null,
     "_hoverSprite": null,
     "_pressedSprite": null,
     "_disabledSprite": null,
@@ -734,6 +830,7 @@
     "__type__": "cc.Widget",
     "_name": "btn_ok<Widget>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 18
     },
@@ -773,12 +870,16 @@
     "asset": {
       "__id__": 0
     },
-    "fileId": "fdFk91GVpJKo4VT/zlGejW"
+    "fileId": "fdFk91GVpJKo4VT/zlGejW",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
   },
   {
     "__type__": "cc.Node",
     "_name": "btn_cancel",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "_parent": {
       "__id__": 1
     },
@@ -824,6 +925,7 @@
       "y": 1,
       "z": 1
     },
+    "_mobility": 0,
     "_layer": 33554432,
     "_euler": {
       "__type__": "cc.Vec3",
@@ -837,6 +939,7 @@
     "__type__": "cc.Node",
     "_name": "lab_cancal",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "_parent": {
       "__id__": 37
     },
@@ -875,6 +978,7 @@
       "y": 1,
       "z": 1
     },
+    "_mobility": 0,
     "_layer": 33554432,
     "_euler": {
       "__type__": "cc.Vec3",
@@ -888,6 +992,7 @@
     "__type__": "cc.UITransform",
     "_name": "",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 38
     },
@@ -915,6 +1020,7 @@
     "__type__": "cc.Label",
     "_name": "",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 38
     },
@@ -949,6 +1055,29 @@
     "_isUnderline": false,
     "_underlineHeight": 2,
     "_cacheMode": 1,
+    "_enableOutline": false,
+    "_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": ""
   },
   {
@@ -959,6 +1088,7 @@
     "__type__": "110c8vEd5NEPL/N9meGQnaX",
     "_name": "lab_ok<LanguageLabel>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 38
     },
@@ -982,12 +1112,16 @@
     "asset": {
       "__id__": 0
     },
-    "fileId": "38cZMAuzVCOJPotiPg+6BM"
+    "fileId": "38cZMAuzVCOJPotiPg+6BM",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
   },
   {
     "__type__": "cc.UITransform",
     "_name": "btn_cancel<UITransform>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 37
     },
@@ -1015,6 +1149,7 @@
     "__type__": "cc.Sprite",
     "_name": "btn_cancel<Sprite>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 37
     },
@@ -1033,7 +1168,7 @@
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "16d030ec-0f1c-4eca-9252-06cb8af7a7ba@f9941",
+      "__uuid__": "475189e3-a159-45bc-90f5-57864087d290@5d1ce",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 1,
@@ -1059,6 +1194,7 @@
     "__type__": "cc.Button",
     "_name": "btn_cancel<Button>",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 37
     },
@@ -1101,10 +1237,7 @@
       "b": 124,
       "a": 255
     },
-    "_normalSprite": {
-      "__uuid__": "16d030ec-0f1c-4eca-9252-06cb8af7a7ba@f9941",
-      "__expectedType__": "cc.SpriteFrame"
-    },
+    "_normalSprite": null,
     "_hoverSprite": null,
     "_pressedSprite": null,
     "_disabledSprite": null,
@@ -1133,6 +1266,7 @@
     "__type__": "cc.Widget",
     "_name": "",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 37
     },
@@ -1172,12 +1306,16 @@
     "asset": {
       "__id__": 0
     },
-    "fileId": "3aIfIm6bVFaK62tZkb2Iic"
+    "fileId": "3aIfIm6bVFaK62tZkb2Iic",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
   },
   {
     "__type__": "cc.UITransform",
     "_name": "",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 1
     },
@@ -1205,6 +1343,7 @@
     "__type__": "cc.Sprite",
     "_name": "",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 1
     },
@@ -1223,10 +1362,10 @@
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "f581195d-cc68-400c-88cb-7863e60c0ec1@f9941",
+      "__uuid__": "475189e3-a159-45bc-90f5-57864087d290@47364",
       "__expectedType__": "cc.SpriteFrame"
     },
-    "_type": 0,
+    "_type": 1,
     "_fillType": 0,
     "_sizeMode": 0,
     "_fillCenter": {
@@ -1249,6 +1388,7 @@
     "__type__": "653bf8VPC5Fn49zFJFqXVgx",
     "_name": "",
     "_objFlags": 0,
+    "__editorExtras__": {},
     "node": {
       "__id__": 1
     },
@@ -1282,6 +1422,8 @@
     "asset": {
       "__id__": 0
     },
-    "fileId": "c7ZN3fr+hJoZmUZs2A0Ye0"
+    "fileId": "c7ZN3fr+hJoZmUZs2A0Ye0",
+    "instance": null,
+    "targetOverrides": null
   }
 ]
\ No newline at end of file
diff --git a/assets/resources/game/heros/hero_card.prefab b/assets/resources/game/heros/hero_card.prefab
index 7b683d81..24ed38d0 100644
--- a/assets/resources/game/heros/hero_card.prefab
+++ b/assets/resources/game/heros/hero_card.prefab
@@ -23,19 +23,31 @@
       },
       {
         "__id__": 8
+      },
+      {
+        "__id__": 17
+      },
+      {
+        "__id__": 29
+      },
+      {
+        "__id__": 33
+      },
+      {
+        "__id__": 47
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 14
+        "__id__": 61
       },
       {
-        "__id__": 16
+        "__id__": 63
       }
     ],
     "_prefab": {
-      "__id__": 18
+      "__id__": 65
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -89,7 +101,7 @@
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": 0,
+      "x": -1.1368683772161603e-13,
       "y": 0,
       "z": 0
     },
@@ -102,8 +114,8 @@
     },
     "_lscale": {
       "__type__": "cc.Vec3",
-      "x": 1,
-      "y": 1,
+      "x": 1.0000000000000002,
+      "y": 1.0000000000000002,
       "z": 1
     },
     "_mobility": 0,
@@ -218,10 +230,13 @@
       },
       {
         "__id__": 11
+      },
+      {
+        "__id__": 13
       }
     ],
     "_prefab": {
-      "__id__": 13
+      "__id__": 16
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -325,6 +340,76 @@
     "__type__": "cc.CompPrefabInfo",
     "fileId": "5bq3ch+edF74+blNWlzL1K"
   },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 8
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 14
+    },
+    "clickEvents": [
+      {
+        "__id__": 15
+      }
+    ],
+    "_interactable": true,
+    "_transition": 3,
+    "_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": "56yT69zs5Iw7JXa++JkwBm"
+  },
+  {
+    "__type__": "cc.ClickEvent",
+    "target": {
+      "__id__": 1
+    },
+    "component": "",
+    "_componentId": "ad422rQFOdFR4cDG7TVsQ0B",
+    "handler": "doit",
+    "customEventData": ""
+  },
   {
     "__type__": "cc.PrefabInfo",
     "root": {
@@ -338,6 +423,1137 @@
     "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
+  {
+    "__type__": "cc.Node",
+    "_name": "level",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 18
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 24
+      },
+      {
+        "__id__": 26
+      }
+    ],
+    "_prefab": {
+      "__id__": 28
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 10,
+      "y": 85,
+      "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": "level",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 17
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 19
+      },
+      {
+        "__id__": 21
+      }
+    ],
+    "_prefab": {
+      "__id__": 23
+    },
+    "_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__": 18
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 20
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 15.123046875,
+      "height": 29.2
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "11iUCjfFBLFoZprI1Lw3m1"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 18
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 22
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "1",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 20,
+    "_fontSize": 20,
+    "_fontFamily": "Arial",
+    "_lineHeight": 20,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_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": "18aL3UBfVCdK4v3f+oUDwJ"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "c7S0sxW3hK5KhMOGS7InIp",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 17
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 25
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 32,
+      "height": 32
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "5fSwlCTMRNJLpM1xZhfcmu"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 17
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 27
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "475189e3-a159-45bc-90f5-57864087d290@a6b9d",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e1NfurQKBBiJBml5UGvFng"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "e92r6wrmRAQovadWBnKXX8",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "avtive",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 30
+      }
+    ],
+    "_prefab": {
+      "__id__": 32
+    },
+    "_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__": 29
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 31
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6dXzPh2dJNapyAy6zJaHBo"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "5565a2qcVBeofOrnv6zBx1",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "use",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 34
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 40
+      },
+      {
+        "__id__": 42
+      },
+      {
+        "__id__": 44
+      }
+    ],
+    "_prefab": {
+      "__id__": 46
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 10,
+      "y": 120,
+      "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": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 33
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 35
+      },
+      {
+        "__id__": 37
+      }
+    ],
+    "_prefab": {
+      "__id__": 39
+    },
+    "_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": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 34
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 36
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "2a+bom2X5PJrjjHRbS7yA8"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 34
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 38
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "button",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 20,
+    "_fontSize": 20,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 1,
+    "_enableWrapText": false,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_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": "b8Hzr3JPhGIogUVDDCyZ8T"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "eejD7QLMRIgJktoKjgFk/M",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 33
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 41
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 70,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "bbmsdb8r1NtYUv9krGOI9a"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 33
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 43
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "44LY9qJHtIap+VZy9eO4k8"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 33
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 45
+    },
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 2,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "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": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_pressedSprite": {
+      "__uuid__": "544e49d6-3f05-4fa8-9a9e-091f98fc2ce8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_disabledSprite": {
+      "__uuid__": "951249e0-9f16-456d-8b85-a6ca954da16b@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 33
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "67y/LzMQlI/7kZ9ZTkSbYf"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "c9lPfa00dJb5t4zOnIY5EI",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "bag",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 48
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 54
+      },
+      {
+        "__id__": 56
+      },
+      {
+        "__id__": 58
+      }
+    ],
+    "_prefab": {
+      "__id__": 60
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 80,
+      "y": 120,
+      "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": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 47
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 49
+      },
+      {
+        "__id__": 51
+      }
+    ],
+    "_prefab": {
+      "__id__": 53
+    },
+    "_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": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 48
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 50
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "ecBKvfCrhMfKwTR4qoU6kV"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 48
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 52
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "button",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 20,
+    "_fontSize": 20,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 1,
+    "_enableWrapText": false,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_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": "6bNYgTnxtMgbG7chFku70p"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "7eKcmYm7tAk5R/NBtK9+uG",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 47
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 55
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 70,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e4VWI+p2VNpoM2263w0xpg"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 47
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 57
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "194ln/Z5JA/IZp64w5KCPV"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 47
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 59
+    },
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 2,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "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": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_pressedSprite": {
+      "__uuid__": "544e49d6-3f05-4fa8-9a9e-091f98fc2ce8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_disabledSprite": {
+      "__uuid__": "951249e0-9f16-456d-8b85-a6ca954da16b@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 47
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "9eMxs9U1FFC4DxOg8/59dl"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "e5Zuxu17BOqZAnWwLJvmwn",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
   {
     "__type__": "cc.UITransform",
     "_name": "",
@@ -348,7 +1564,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 15
+      "__id__": 62
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -376,7 +1592,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 17
+      "__id__": 64
     },
     "_id": ""
   },
diff --git a/assets/resources/game/map/map_rpg.prefab b/assets/resources/game/map/map_rpg.prefab
index 0a70d2a2..67324f85 100644
--- a/assets/resources/game/map/map_rpg.prefab
+++ b/assets/resources/game/map/map_rpg.prefab
@@ -1244,6 +1244,9 @@
     "entityLayer": {
       "__id__": 41
     },
+    "SkillLayer": {
+      "__id__": 47
+    },
     "isFollowPlayer": true,
     "_id": ""
   },
diff --git a/assets/resources/gui/gui.plist.meta b/assets/resources/gui/gui.plist.meta
index 641f0bfa..1511f625 100644
--- a/assets/resources/gui/gui.plist.meta
+++ b/assets/resources/gui/gui.plist.meta
@@ -209,8 +209,8 @@
         "height": 224,
         "rawWidth": 360,
         "rawHeight": 224,
-        "borderTop": 0,
-        "borderBottom": 0,
+        "borderTop": 42,
+        "borderBottom": 22,
         "borderLeft": 0,
         "borderRight": 0,
         "packable": true,
diff --git a/assets/resources/gui/role_controller.prefab b/assets/resources/gui/role_controller.prefab
index 0fc40e6f..748ad92d 100644
--- a/assets/resources/gui/role_controller.prefab
+++ b/assets/resources/gui/role_controller.prefab
@@ -40,35 +40,38 @@
         "__id__": 360
       },
       {
-        "__id__": 374
+        "__id__": 380
       },
       {
-        "__id__": 394
+        "__id__": 428
       },
       {
-        "__id__": 442
+        "__id__": 457
       },
       {
-        "__id__": 484
+        "__id__": 499
       },
       {
-        "__id__": 512
+        "__id__": 527
+      },
+      {
+        "__id__": 551
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 536
+        "__id__": 557
       },
       {
-        "__id__": 538
+        "__id__": 559
       },
       {
-        "__id__": 540
+        "__id__": 561
       }
     ],
     "_prefab": {
-      "__id__": 542
+      "__id__": 563
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -142,7 +145,7 @@
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 10,
-      "y": 1180,
+      "y": 1160,
       "z": 0
     },
     "_lrot": {
@@ -4508,7 +4511,7 @@
     "_target": null,
     "_left": 10,
     "_right": 670,
-    "_top": 0,
+    "_top": 20,
     "_bottom": 0,
     "_horizontalCenter": 0,
     "_verticalCenter": 0,
@@ -4871,7 +4874,7 @@
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 360,
-      "y": 220,
+      "y": 230,
       "z": 0
     },
     "_lrot": {
@@ -4912,7 +4915,7 @@
     "_contentSize": {
       "__type__": "cc.Size",
       "width": 300,
-      "height": 290
+      "height": 280
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -8300,7 +8303,7 @@
   },
   {
     "__type__": "cc.Node",
-    "_name": "shuaxin",
+    "_name": "bag",
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
@@ -8314,337 +8317,22 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 367
+        "__id__": 373
       },
-      {
-        "__id__": 369
-      },
-      {
-        "__id__": 371
-      }
-    ],
-    "_prefab": {
-      "__id__": 373
-    },
-    "_lpos": {
-      "__type__": "cc.Vec3",
-      "x": 515,
-      "y": 20,
-      "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": "shuaxin2",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "_parent": {
-      "__id__": 360
-    },
-    "_children": [],
-    "_active": true,
-    "_components": [
-      {
-        "__id__": 362
-      },
-      {
-        "__id__": 364
-      }
-    ],
-    "_prefab": {
-      "__id__": 366
-    },
-    "_lpos": {
-      "__type__": "cc.Vec3",
-      "x": 47.5,
-      "y": 47.5,
-      "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__": 361
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 363
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 63,
-      "height": 70
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "e40Omp4oBLDZHJNmJN2MOi"
-  },
-  {
-    "__type__": "cc.Sprite",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 361
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 365
-    },
-    "_customMaterial": null,
-    "_srcBlendFactor": 2,
-    "_dstBlendFactor": 4,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
-    },
-    "_spriteFrame": {
-      "__uuid__": "475189e3-a159-45bc-90f5-57864087d290@719bf",
-      "__expectedType__": "cc.SpriteFrame"
-    },
-    "_type": 0,
-    "_fillType": 0,
-    "_sizeMode": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_useGrayscale": false,
-    "_atlas": null,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "4fi+tDdGlNJID299+fj54G"
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__id__": 0
-    },
-    "fileId": "51jBfXmipNc6Fv5a+onj4/",
-    "instance": null,
-    "targetOverrides": null,
-    "nestedPrefabInstanceRoots": null
-  },
-  {
-    "__type__": "cc.UITransform",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 360
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 368
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 95,
-      "height": 95
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "3fzZsI9aRMRapDIRmcYy0T"
-  },
-  {
-    "__type__": "cc.Sprite",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 360
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 370
-    },
-    "_customMaterial": null,
-    "_srcBlendFactor": 2,
-    "_dstBlendFactor": 4,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
-    },
-    "_spriteFrame": {
-      "__uuid__": "475189e3-a159-45bc-90f5-57864087d290@c7034",
-      "__expectedType__": "cc.SpriteFrame"
-    },
-    "_type": 0,
-    "_fillType": 0,
-    "_sizeMode": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_useGrayscale": false,
-    "_atlas": null,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "f1bTVR5PlHPouHSj2gWbtW"
-  },
-  {
-    "__type__": "cc.Widget",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 360
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 372
-    },
-    "_alignFlags": 36,
-    "_target": null,
-    "_left": -5,
-    "_right": 110,
-    "_top": 0,
-    "_bottom": 20,
-    "_horizontalCenter": 0,
-    "_verticalCenter": 0,
-    "_isAbsLeft": true,
-    "_isAbsRight": true,
-    "_isAbsTop": true,
-    "_isAbsBottom": true,
-    "_isAbsHorizontalCenter": true,
-    "_isAbsVerticalCenter": true,
-    "_originalWidth": 110,
-    "_originalHeight": 0,
-    "_alignMode": 2,
-    "_lockFlags": 0,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "31TBZjSH1CsrWYpi2HbXlS"
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__id__": 0
-    },
-    "fileId": "33mgkxyztG/IS7c+kJz2WK",
-    "instance": null,
-    "targetOverrides": null,
-    "nestedPrefabInstanceRoots": null
-  },
-  {
-    "__type__": "cc.Node",
-    "_name": "bag",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "_parent": {
-      "__id__": 1
-    },
-    "_children": [
       {
         "__id__": 375
-      }
-    ],
-    "_active": true,
-    "_components": [
-      {
-        "__id__": 387
       },
       {
-        "__id__": 389
-      },
-      {
-        "__id__": 391
+        "__id__": 377
       }
     ],
     "_prefab": {
-      "__id__": 393
+      "__id__": 379
     },
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 662.5,
-      "y": 20,
+      "y": 30,
       "z": 0
     },
     "_lrot": {
@@ -8676,24 +8364,24 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 374
+      "__id__": 360
     },
     "_children": [
       {
-        "__id__": 376
+        "__id__": 362
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 382
+        "__id__": 368
       },
       {
-        "__id__": 384
+        "__id__": 370
       }
     ],
     "_prefab": {
-      "__id__": 386
+      "__id__": 372
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -8730,20 +8418,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 375
+      "__id__": 361
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 377
+        "__id__": 363
       },
       {
-        "__id__": 379
+        "__id__": 365
       }
     ],
     "_prefab": {
-      "__id__": 381
+      "__id__": 367
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -8780,11 +8468,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 376
+      "__id__": 362
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 378
+      "__id__": 364
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -8808,11 +8496,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 376
+      "__id__": 362
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 380
+      "__id__": 366
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -8866,11 +8554,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 375
+      "__id__": 361
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 383
+      "__id__": 369
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -8894,11 +8582,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 375
+      "__id__": 361
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 385
+      "__id__": 371
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -8952,11 +8640,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 374
+      "__id__": 360
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 388
+      "__id__": 374
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -8980,11 +8668,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 374
+      "__id__": 360
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 390
+      "__id__": 376
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -9022,18 +8710,18 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 374
+      "__id__": 360
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 392
+      "__id__": 378
     },
     "_alignFlags": 36,
     "_target": null,
     "_left": 0,
     "_right": 10,
     "_top": 0,
-    "_bottom": 20,
+    "_bottom": 30,
     "_horizontalCenter": 0,
     "_verticalCenter": 0,
     "_isAbsLeft": true,
@@ -9075,43 +8763,43 @@
     },
     "_children": [
       {
-        "__id__": 395
+        "__id__": 381
       },
       {
-        "__id__": 401
+        "__id__": 387
       },
       {
-        "__id__": 407
+        "__id__": 393
       },
       {
-        "__id__": 413
+        "__id__": 399
       },
       {
-        "__id__": 419
+        "__id__": 405
       },
       {
-        "__id__": 425
+        "__id__": 411
       },
       {
-        "__id__": 431
+        "__id__": 417
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 437
+        "__id__": 423
       },
       {
-        "__id__": 439
+        "__id__": 425
       }
     ],
     "_prefab": {
-      "__id__": 441
+      "__id__": 427
     },
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 15,
-      "y": 120,
+      "y": 130,
       "z": 0
     },
     "_lrot": {
@@ -9143,20 +8831,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 394
+      "__id__": 380
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 396
+        "__id__": 382
       },
       {
-        "__id__": 398
+        "__id__": 384
       }
     ],
     "_prefab": {
-      "__id__": 400
+      "__id__": 386
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -9193,11 +8881,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 395
+      "__id__": 381
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 397
+      "__id__": 383
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -9221,11 +8909,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 395
+      "__id__": 381
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 399
+      "__id__": 385
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -9279,20 +8967,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 394
+      "__id__": 380
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 402
+        "__id__": 388
       },
       {
-        "__id__": 404
+        "__id__": 390
       }
     ],
     "_prefab": {
-      "__id__": 406
+      "__id__": 392
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -9329,11 +9017,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 401
+      "__id__": 387
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 403
+      "__id__": 389
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -9357,11 +9045,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 401
+      "__id__": 387
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 405
+      "__id__": 391
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -9415,20 +9103,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 394
+      "__id__": 380
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 408
+        "__id__": 394
       },
       {
-        "__id__": 410
+        "__id__": 396
       }
     ],
     "_prefab": {
-      "__id__": 412
+      "__id__": 398
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -9465,11 +9153,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 407
+      "__id__": 393
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 409
+      "__id__": 395
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -9493,11 +9181,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 407
+      "__id__": 393
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 411
+      "__id__": 397
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -9551,20 +9239,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 394
+      "__id__": 380
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 414
+        "__id__": 400
       },
       {
-        "__id__": 416
+        "__id__": 402
       }
     ],
     "_prefab": {
-      "__id__": 418
+      "__id__": 404
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -9601,11 +9289,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 413
+      "__id__": 399
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 415
+      "__id__": 401
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -9629,11 +9317,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 413
+      "__id__": 399
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 417
+      "__id__": 403
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -9687,20 +9375,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 394
+      "__id__": 380
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 420
+        "__id__": 406
       },
       {
-        "__id__": 422
+        "__id__": 408
       }
     ],
     "_prefab": {
-      "__id__": 424
+      "__id__": 410
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -9737,11 +9425,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 419
+      "__id__": 405
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 421
+      "__id__": 407
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -9765,11 +9453,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 419
+      "__id__": 405
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 423
+      "__id__": 409
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -9823,20 +9511,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 394
+      "__id__": 380
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 426
+        "__id__": 412
       },
       {
-        "__id__": 428
+        "__id__": 414
       }
     ],
     "_prefab": {
-      "__id__": 430
+      "__id__": 416
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -9873,11 +9561,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 425
+      "__id__": 411
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 427
+      "__id__": 413
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -9901,11 +9589,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 425
+      "__id__": 411
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 429
+      "__id__": 415
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -9959,20 +9647,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 394
+      "__id__": 380
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 432
+        "__id__": 418
       },
       {
-        "__id__": 434
+        "__id__": 420
       }
     ],
     "_prefab": {
-      "__id__": 436
+      "__id__": 422
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -10009,11 +9697,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 431
+      "__id__": 417
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 433
+      "__id__": 419
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -10037,11 +9725,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 431
+      "__id__": 417
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 435
+      "__id__": 421
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -10095,11 +9783,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 394
+      "__id__": 380
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 438
+      "__id__": 424
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -10123,18 +9811,18 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 394
+      "__id__": 380
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 440
+      "__id__": 426
     },
     "_alignFlags": 12,
     "_target": null,
     "_left": 15,
     "_right": 5,
     "_top": 0,
-    "_bottom": 120,
+    "_bottom": 130,
     "_horizontalCenter": 0,
     "_verticalCenter": 0,
     "_isAbsLeft": true,
@@ -10168,7 +9856,7 @@
   },
   {
     "__type__": "cc.Node",
-    "_name": "cards",
+    "_name": "shuaxin",
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
@@ -10176,40 +9864,31 @@
     },
     "_children": [
       {
-        "__id__": 443
+        "__id__": 429
       },
       {
-        "__id__": 449
-      },
-      {
-        "__id__": 455
-      },
-      {
-        "__id__": 461
-      },
-      {
-        "__id__": 467
-      },
-      {
-        "__id__": 473
+        "__id__": 441
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 479
+        "__id__": 450
       },
       {
-        "__id__": 481
+        "__id__": 452
+      },
+      {
+        "__id__": 454
       }
     ],
     "_prefab": {
-      "__id__": 483
+      "__id__": 456
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": 15,
-      "y": 20,
+      "x": 515,
+      "y": 30,
       "z": 0
     },
     "_lrot": {
@@ -10237,24 +9916,78 @@
   },
   {
     "__type__": "cc.Node",
-    "_name": "card1",
+    "_name": "cost",
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 442
+      "__id__": 428
+    },
+    "_children": [
+      {
+        "__id__": 430
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 436
+      },
+      {
+        "__id__": 438
+      }
+    ],
+    "_prefab": {
+      "__id__": 440
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 10,
+      "y": 85,
+      "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": "cost",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 429
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 444
+        "__id__": 431
       },
       {
-        "__id__": 446
+        "__id__": 433
       }
     ],
     "_prefab": {
-      "__id__": 448
+      "__id__": 435
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -10291,12 +10024,662 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
+      "__id__": 430
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 432
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 19.374178103397803,
+      "height": 29.2
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "3cuLt37ahG9qijmyjrLcAv"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 430
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 434
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "1",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 20,
+    "_fontSize": 20,
+    "_fontFamily": "Arial",
+    "_lineHeight": 20,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": true,
+    "_isBold": false,
+    "_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": "71i+LduHlOXpKyfYYoHBXu"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "f71HCcr7BH5oI+nkB+EYC3",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 429
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 437
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 30,
+      "height": 32
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "38ImK9H+ZICJM1M8kPKHxF"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 429
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 439
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "475189e3-a159-45bc-90f5-57864087d290@1b702",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "128CGdcGZCg6AJRZp3eV69"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "9bkHDPoopGSKB+sP3FVk0G",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Button",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 428
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 442
+      },
+      {
+        "__id__": 444
+      },
+      {
+        "__id__": 446
+      }
+    ],
+    "_prefab": {
+      "__id__": 449
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 47.5,
+      "y": 47.5,
+      "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__": 441
+    },
+    "_enabled": true,
+    "__prefab": {
       "__id__": 443
     },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 63,
+      "height": 70
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "c2VKuuZU1PZ5XLbsWkfOaN"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 441
+    },
     "_enabled": true,
     "__prefab": {
       "__id__": 445
     },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "475189e3-a159-45bc-90f5-57864087d290@719bf",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "52pmwaO2pN2Yy2aerOPqfF"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 441
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 447
+    },
+    "clickEvents": [
+      {
+        "__id__": 448
+      }
+    ],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "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": {
+      "__uuid__": "475189e3-a159-45bc-90f5-57864087d290@719bf",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 441
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6aZy0OkP9E2LLKyqPmJWWC"
+  },
+  {
+    "__type__": "cc.ClickEvent",
+    "target": {
+      "__id__": 1
+    },
+    "component": "",
+    "_componentId": "ee99bEQ89lEtavAHQsY2sba",
+    "handler": "palyer_ref",
+    "customEventData": ""
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "55qDYY2xhI8Z7Y3E9iISc6",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 428
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 451
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 95,
+      "height": 95
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "3fzZsI9aRMRapDIRmcYy0T"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 428
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 453
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "475189e3-a159-45bc-90f5-57864087d290@c7034",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "f1bTVR5PlHPouHSj2gWbtW"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 428
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 455
+    },
+    "_alignFlags": 36,
+    "_target": null,
+    "_left": -5,
+    "_right": 110,
+    "_top": 0,
+    "_bottom": 30,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 110,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "31TBZjSH1CsrWYpi2HbXlS"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "33mgkxyztG/IS7c+kJz2WK",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "cards",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 458
+      },
+      {
+        "__id__": 464
+      },
+      {
+        "__id__": 470
+      },
+      {
+        "__id__": 476
+      },
+      {
+        "__id__": 482
+      },
+      {
+        "__id__": 488
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 494
+      },
+      {
+        "__id__": 496
+      }
+    ],
+    "_prefab": {
+      "__id__": 498
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 15,
+      "y": 30,
+      "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": "card1",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 457
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 459
+      },
+      {
+        "__id__": 461
+      }
+    ],
+    "_prefab": {
+      "__id__": 463
+    },
+    "_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__": 458
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 460
+    },
     "_contentSize": {
       "__type__": "cc.Size",
       "width": 95,
@@ -10319,11 +10702,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 443
+      "__id__": 458
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 447
+      "__id__": 462
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -10377,20 +10760,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 442
+      "__id__": 457
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 450
+        "__id__": 465
       },
       {
-        "__id__": 452
+        "__id__": 467
       }
     ],
     "_prefab": {
-      "__id__": 454
+      "__id__": 469
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -10427,11 +10810,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 449
+      "__id__": 464
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 451
+      "__id__": 466
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -10455,11 +10838,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 449
+      "__id__": 464
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 453
+      "__id__": 468
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -10513,20 +10896,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 442
+      "__id__": 457
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 456
+        "__id__": 471
       },
       {
-        "__id__": 458
+        "__id__": 473
       }
     ],
     "_prefab": {
-      "__id__": 460
+      "__id__": 475
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -10563,11 +10946,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 455
+      "__id__": 470
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 457
+      "__id__": 472
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -10591,11 +10974,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 455
+      "__id__": 470
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 459
+      "__id__": 474
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -10649,20 +11032,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 442
+      "__id__": 457
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 462
+        "__id__": 477
       },
       {
-        "__id__": 464
+        "__id__": 479
       }
     ],
     "_prefab": {
-      "__id__": 466
+      "__id__": 481
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -10699,11 +11082,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 461
+      "__id__": 476
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 463
+      "__id__": 478
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -10727,11 +11110,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 461
+      "__id__": 476
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 465
+      "__id__": 480
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -10785,20 +11168,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 442
+      "__id__": 457
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 468
+        "__id__": 483
       },
       {
-        "__id__": 470
+        "__id__": 485
       }
     ],
     "_prefab": {
-      "__id__": 472
+      "__id__": 487
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -10835,11 +11218,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 467
+      "__id__": 482
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 469
+      "__id__": 484
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -10863,11 +11246,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 467
+      "__id__": 482
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 471
+      "__id__": 486
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -10921,20 +11304,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 442
+      "__id__": 457
     },
     "_children": [],
-    "_active": true,
+    "_active": false,
     "_components": [
       {
-        "__id__": 474
+        "__id__": 489
       },
       {
-        "__id__": 476
+        "__id__": 491
       }
     ],
     "_prefab": {
-      "__id__": 478
+      "__id__": 493
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -10971,11 +11354,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 473
+      "__id__": 488
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 475
+      "__id__": 490
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -10999,11 +11382,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 473
+      "__id__": 488
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 477
+      "__id__": 492
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -11057,11 +11440,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 442
+      "__id__": 457
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 480
+      "__id__": 495
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -11085,18 +11468,18 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 442
+      "__id__": 457
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 482
+      "__id__": 497
     },
     "_alignFlags": 12,
     "_target": null,
     "_left": 15,
     "_right": 0,
     "_top": 0,
-    "_bottom": 20,
+    "_bottom": 30,
     "_horizontalCenter": 0,
     "_verticalCenter": 0,
     "_isAbsLeft": true,
@@ -11138,34 +11521,34 @@
     },
     "_children": [
       {
-        "__id__": 485
-      },
-      {
-        "__id__": 494
-      }
-    ],
-    "_active": true,
-    "_components": [
-      {
-        "__id__": 503
-      },
-      {
-        "__id__": 505
-      },
-      {
-        "__id__": 507
+        "__id__": 500
       },
       {
         "__id__": 509
       }
     ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 518
+      },
+      {
+        "__id__": 520
+      },
+      {
+        "__id__": 522
+      },
+      {
+        "__id__": 524
+      }
+    ],
     "_prefab": {
-      "__id__": 511
+      "__id__": 526
     },
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 315,
-      "y": 20,
+      "y": 30,
       "z": 0
     },
     "_lrot": {
@@ -11197,23 +11580,23 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 484
+      "__id__": 499
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 486
+        "__id__": 501
       },
       {
-        "__id__": 488
+        "__id__": 503
       },
       {
-        "__id__": 490
+        "__id__": 505
       }
     ],
     "_prefab": {
-      "__id__": 493
+      "__id__": 508
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -11250,11 +11633,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 485
+      "__id__": 500
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 487
+      "__id__": 502
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -11278,20 +11661,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 485
+      "__id__": 500
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 489
+      "__id__": 504
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
     "_dstBlendFactor": 4,
     "_color": {
       "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
+      "r": 214,
+      "g": 214,
+      "b": 214,
       "a": 255
     },
     "_spriteFrame": {
@@ -11323,19 +11706,19 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 485
+      "__id__": 500
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 491
+      "__id__": 506
     },
     "clickEvents": [
       {
-        "__id__": 492
+        "__id__": 507
       }
     ],
     "_interactable": true,
-    "_transition": 2,
+    "_transition": 3,
     "_normalColor": {
       "__type__": "cc.Color",
       "r": 214,
@@ -11374,7 +11757,7 @@
     "_duration": 0.1,
     "_zoomScale": 1.2,
     "_target": {
-      "__id__": 485
+      "__id__": 500
     },
     "_id": ""
   },
@@ -11385,7 +11768,7 @@
   {
     "__type__": "cc.ClickEvent",
     "target": {
-      "__id__": 484
+      "__id__": 499
     },
     "component": "",
     "_componentId": "bcd8aBpUghL4YyOLO3ds4YK",
@@ -11411,23 +11794,23 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 484
+      "__id__": 499
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 495
+        "__id__": 510
       },
       {
-        "__id__": 497
+        "__id__": 512
       },
       {
-        "__id__": 499
+        "__id__": 514
       }
     ],
     "_prefab": {
-      "__id__": 502
+      "__id__": 517
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -11464,11 +11847,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 494
+      "__id__": 509
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 496
+      "__id__": 511
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -11492,20 +11875,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 494
+      "__id__": 509
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 498
+      "__id__": 513
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
     "_dstBlendFactor": 4,
     "_color": {
       "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
+      "r": 214,
+      "g": 214,
+      "b": 214,
       "a": 255
     },
     "_spriteFrame": {
@@ -11537,19 +11920,19 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 494
+      "__id__": 509
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 500
+      "__id__": 515
     },
     "clickEvents": [
       {
-        "__id__": 501
+        "__id__": 516
       }
     ],
     "_interactable": true,
-    "_transition": 2,
+    "_transition": 3,
     "_normalColor": {
       "__type__": "cc.Color",
       "r": 214,
@@ -11588,7 +11971,7 @@
     "_duration": 0.1,
     "_zoomScale": 1.2,
     "_target": {
-      "__id__": 494
+      "__id__": 509
     },
     "_id": ""
   },
@@ -11599,7 +11982,7 @@
   {
     "__type__": "cc.ClickEvent",
     "target": {
-      "__id__": 484
+      "__id__": 499
     },
     "component": "",
     "_componentId": "bcd8aBpUghL4YyOLO3ds4YK",
@@ -11625,11 +12008,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 484
+      "__id__": 499
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 504
+      "__id__": 519
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -11653,18 +12036,18 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 484
+      "__id__": 499
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 506
+      "__id__": 521
     },
     "_alignFlags": 4,
     "_target": null,
     "_left": 0,
     "_right": 0,
     "_top": 0,
-    "_bottom": 20,
+    "_bottom": 30,
     "_horizontalCenter": 0,
     "_verticalCenter": 0,
     "_isAbsLeft": true,
@@ -11689,11 +12072,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 484
+      "__id__": 499
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 508
+      "__id__": 523
     },
     "_id": ""
   },
@@ -11707,11 +12090,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 484
+      "__id__": 499
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 510
+      "__id__": 525
     },
     "_id": ""
   },
@@ -11742,20 +12125,20 @@
     },
     "_children": [
       {
-        "__id__": 513
+        "__id__": 528
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 531
+        "__id__": 546
       },
       {
-        "__id__": 533
+        "__id__": 548
       }
     ],
     "_prefab": {
-      "__id__": 535
+      "__id__": 550
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -11792,33 +12175,33 @@
     "_objFlags": 512,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 512
+      "__id__": 527
     },
     "_children": [
       {
-        "__id__": 514
+        "__id__": 529
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 520
+        "__id__": 535
       },
       {
-        "__id__": 522
+        "__id__": 537
       },
       {
-        "__id__": 524
+        "__id__": 539
       },
       {
-        "__id__": 526
+        "__id__": 541
       },
       {
-        "__id__": 528
+        "__id__": 543
       }
     ],
     "_prefab": {
-      "__id__": 530
+      "__id__": 545
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -11855,20 +12238,20 @@
     "_objFlags": 512,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 513
+      "__id__": 528
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 515
+        "__id__": 530
       },
       {
-        "__id__": 517
+        "__id__": 532
       }
     ],
     "_prefab": {
-      "__id__": 519
+      "__id__": 534
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -11905,16 +12288,16 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 514
+      "__id__": 529
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 516
+      "__id__": 531
     },
     "_contentSize": {
       "__type__": "cc.Size",
       "width": 720,
-      "height": 15
+      "height": 25
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -11933,11 +12316,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 514
+      "__id__": 529
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 518
+      "__id__": 533
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -11991,16 +12374,16 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 513
+      "__id__": 528
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 521
+      "__id__": 536
     },
     "_contentSize": {
       "__type__": "cc.Size",
       "width": 720,
-      "height": 15
+      "height": 2
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -12019,11 +12402,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 513
+      "__id__": 528
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 523
+      "__id__": 538
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -12064,14 +12447,14 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 513
+      "__id__": 528
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 525
+      "__id__": 540
     },
     "_barSprite": {
-      "__id__": 517
+      "__id__": 532
     },
     "_mode": 2,
     "_totalLength": 1,
@@ -12089,11 +12472,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 513
+      "__id__": 528
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 527
+      "__id__": 542
     },
     "controller": false,
     "watchPath": "",
@@ -12117,11 +12500,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 513
+      "__id__": 528
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 529
+      "__id__": 544
     },
     "_alignFlags": 4,
     "_target": null,
@@ -12166,11 +12549,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 512
+      "__id__": 527
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 532
+      "__id__": 547
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -12194,11 +12577,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 512
+      "__id__": 527
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 534
+      "__id__": 549
     },
     "_alignFlags": 44,
     "_target": null,
@@ -12237,6 +12620,133 @@
     "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
+  {
+    "__type__": "cc.Node",
+    "_name": "front",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 552
+      },
+      {
+        "__id__": 554
+      }
+    ],
+    "_prefab": {
+      "__id__": 556
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 65,
+      "y": 80,
+      "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__": 551
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 553
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "8bbuZKPQpEz6HvbT73p4qa"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 551
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 555
+    },
+    "_alignFlags": 12,
+    "_target": null,
+    "_left": 15,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 30,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "89yMGAzppNrKUX/Fi5IA+U"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "97Nh0rhH9KB4TEUAnnqfza",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
   {
     "__type__": "cc.UITransform",
     "_name": "GameUI<UITransform>",
@@ -12247,7 +12757,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 537
+      "__id__": 558
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -12275,7 +12785,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 539
+      "__id__": 560
     },
     "_alignFlags": 45,
     "_target": null,
@@ -12311,7 +12821,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 541
+      "__id__": 562
     },
     "_id": ""
   },
diff --git a/assets/script/game/map/CardController.ts b/assets/script/game/map/CardController.ts
index 5deecefa..00fd2da0 100644
--- a/assets/script/game/map/CardController.ts
+++ b/assets/script/game/map/CardController.ts
@@ -13,7 +13,8 @@ const { ccclass, property } = _decorator;
 @ccclass('CardControllerComp')
 @ecs.register('CardController', false)
 export class CardControllerComp extends CCComp {
-    card_level = 1;
+    card_level:number = 1;
+    in_load:boolean = false
     start() {
         this.load_cards()
         // var entity = this.ent as ecs.Entity;         // ecs.Entity 可转为当前模块的具体实体对象
@@ -34,7 +35,15 @@ export class CardControllerComp extends CCComp {
             this.load_cards()
         }
     }
+    palyer_ref(){
+        if (this.in_load) {
+            return
+        }
+        this.load_cards()
+
+    }
     load_cards() {
+        this.in_load = true
         let old_cards = ecs.query(ecs.allOf(HeroCardViewComp))
         if (old_cards.length > 0) {
             old_cards.forEach(element => {
@@ -53,6 +62,8 @@ export class CardControllerComp extends CCComp {
             x=x+100
         });
         this.node.getChildByName("cards").getChildByName("active").active = false
+        this.in_load = false;
+
     }
      /** 转场 */
     protected update(dt: number): void {
@@ -67,6 +78,7 @@ export class CardControllerComp extends CCComp {
         }
         return lists
     }
+
     /** 视图对象通过 ecs.Entity.remove(ControllerComp) 删除组件是触发组件处理自定义释放逻辑 */
     reset() {
         this.node.destroy();
diff --git a/assets/script/game/map/RefController.ts b/assets/script/game/map/RefController.ts
new file mode 100644
index 00000000..b86fe982
--- /dev/null
+++ b/assets/script/game/map/RefController.ts
@@ -0,0 +1,41 @@
+import { _decorator,v3 ,NodeEventType} from "cc";
+import { ecs } from "../../../../extensions/oops-plugin-framework/assets/libs/ecs/ECS";
+import { CCComp } from "../../../../extensions/oops-plugin-framework/assets/module/common/CCComp";
+import { smc } from "../common/SingletonModuleComp";
+import { oops } from "../../../../extensions/oops-plugin-framework/assets/core/Oops";
+import { HeroCard } from "../monster/HeroCard";
+import { HeroCardViewComp } from "../monster/HeroCardViewComp";
+import { RandomManager } from "../../../../extensions/oops-plugin-framework/assets/core/common/random/RandomManager";
+import { CardList } from "../common/config/CardSet";
+const { ccclass, property } = _decorator;
+
+/** 视图层对象 */
+@ccclass('RefControllerComp')
+@ecs.register('RefController', false)
+export class RefControllerComp extends CCComp {
+    card_level = 1;
+
+    protected onLoad(): void {
+        
+    }
+
+    start() {
+
+    }
+
+    protected update(dt: number): void {
+
+    }
+    
+    reset() {
+        this.node.destroy();
+    }
+
+    onTouch(){
+
+        
+    }
+ 
+
+
+}
\ No newline at end of file
diff --git a/assets/script/game/map/RefController.ts.meta b/assets/script/game/map/RefController.ts.meta
new file mode 100644
index 00000000..1a264c14
--- /dev/null
+++ b/assets/script/game/map/RefController.ts.meta
@@ -0,0 +1 @@
+{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"6527b285-9d12-416e-8963-5e39820b7d4e","files":[],"subMetas":{},"userData":{}}
diff --git a/assets/script/game/map/view/MapViewScene.ts b/assets/script/game/map/view/MapViewScene.ts
index 5d06903e..11691920 100644
--- a/assets/script/game/map/view/MapViewScene.ts
+++ b/assets/script/game/map/view/MapViewScene.ts
@@ -3,6 +3,7 @@ import { oops } from "../../../../../extensions/oops-plugin-framework/assets/cor
 import MapData from "./map/base/MapData";
 import { MapLoadModel } from "./map/base/MapLoadModel";
 import EntityLayer from "./map/layer/EntityLayer";
+import SkillLayer from "./map/layer/SkillLayer";
 import MapLayer from "./map/layer/MapLayer";
 
 const { ccclass, property } = _decorator;
@@ -27,6 +28,9 @@ export class MapViewScene extends Component {
 
     @property(EntityLayer)
     public entityLayer: EntityLayer | null = null;
+    
+    @property(SkillLayer)
+    public SkillLayer: SkillLayer | null = null;
 
     @property(CCBoolean)
     public isFollowPlayer: boolean = true;
diff --git a/assets/script/game/monster/HeroCardViewComp.ts b/assets/script/game/monster/HeroCardViewComp.ts
index 46e46a60..363e1058 100644
--- a/assets/script/game/monster/HeroCardViewComp.ts
+++ b/assets/script/game/monster/HeroCardViewComp.ts
@@ -14,59 +14,38 @@ export class HeroCardViewComp extends CCComp {
     card_name:string = "hero_card";
     card_type:string = "hero";
     card_uid:number = 1000;
-    /** 方向 */
-    private _dir: Vec2 = new Vec2(0, 0);
-    public get dir(): Vec2 {
-        return this._dir;
-    }
-    public set dir(value: Vec2) {
-        this._dir = value;
-    }
-    pos_x=0;
-    pos_y=0;
+
+
     protected onLoad(): void {
-        this.node.on(NodeEventType.TOUCH_START, this.onTouch, this);
-        this.node.on(NodeEventType.TOUCH_MOVE, this.onTouchMove, this);
-        this.node.on(NodeEventType.TOUCH_END, this.onTouchEnd, this);
-        this.node.on(NodeEventType.TOUCH_CANCEL, this.onTouchEnd, this);
-        oops.message.on("destroy hero_card", this.on_destroy_node, this);
+        // this.node.on(NodeEventType.TOUCH_START, this.onTouch, this);
+        // this.node.on(NodeEventType.TOUCH_MOVE, this.onTouchMove, this);
+        // this.node.on(NodeEventType.TOUCH_END, this.onTouchEnd, this);
+        // this.node.on(NodeEventType.TOUCH_CANCEL, this.onTouchEnd, this);
+        // oops.message.on("active_card_eid", this.do_active_card_eid, this);
     }
 
    
-    private on_destroy_node(event: string, args: any) {
-        // if(this.ent.eid == args){
-        //     this.reset();
-        // }
-    }
-    onTouch(){
-        smc.vm_data.cards.eid = this.ent.eid;
-        let parent = this.node.parent;
-        let active = parent.getChildByName("active");
-        active.setPosition(this.pos_x,this.pos_y)
-        active.active = true;
-        active.setPosition(this.node.position.x+47.5,this.node.position.y+47.5);
-    }
-    onTouchMove(event: EventTouch) {
-        smc.vm_data.cards.eid = this.ent.eid;
-        // if(this.ent.eid == smc.vm_data.cards.eid){
-        //     this.node.getChildByName("active").active = true;
-        // }else{
-        //     this.node.getChildByName("active").active = false;
-        // }
-        let delta = event.getDelta();
-        this.node.setPosition(this.node.position.x+delta.x,this.node.position.y+delta.y);
-    }
-    onTouchEnd(){
-        let parent = this.node.parent;
-        let active = parent.getChildByName("active");
-        active.setPosition(this.pos_x+47.5,this.pos_y+47.5)
-        if(this.node.position.y-this.pos_y > 110){
-            active.active = false;
-            this.use_card()
-        }else{
-            this.node.setPosition(this.pos_x,this.pos_y);
+    private do_active_card_eid(event: string, args: any) {
+        console.log("active_card_eid",args,this.ent.eid)
+        if(this.ent.eid != args.eid){
+            this.no_active()
         }
     }
+    do_active(){
+
+    }
+    no_active(){
+        // this.node.getChildByName("active").active=false;
+        // this.node.getChildByName("use").active=false;
+        // this.node.getChildByName("bag").active=false;
+    }
+    doit(){
+        // this.do_active()
+        console.log("doit",this.ent)
+        smc.vm_data.cards.eid = this.ent.eid;
+        // oops.message.dispatchEvent("active_card_eid",{eid:this.ent.eid})
+    }
+
     use_card(){
         if(smc.vm_data.gold.min >= CardSet[this.card_uid].level){
             oops.message.dispatchEvent("do_add_hero",{uuid:this.card_uid})
@@ -74,13 +53,12 @@ export class HeroCardViewComp extends CCComp {
             smc.vm_data.gold.min -= CardSet[this.card_uid].level;
         }else{
             oops.gui.toast("金币不够");
-            this.node.setPosition(this.pos_x,this.pos_y);
         }
     }
     /** 视图层逻辑代码分离演示 */
     start() {
-        this.pos_x=this.node.position.x;
-        this.pos_y=this.node.position.y;
+       
+
     }
 
     /** 全局消息逻辑处理 */