diff --git a/assets/resources/gui/role_controller.prefab b/assets/resources/gui/role_controller.prefab
index a978bce6..dbeccc82 100644
--- a/assets/resources/gui/role_controller.prefab
+++ b/assets/resources/gui/role_controller.prefab
@@ -35,22 +35,28 @@
       },
       {
         "__id__": 2159
+      },
+      {
+        "__id__": 2179
+      },
+      {
+        "__id__": 2199
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 2274
+        "__id__": 2314
       },
       {
-        "__id__": 2276
+        "__id__": 2316
       },
       {
-        "__id__": 2278
+        "__id__": 2318
       }
     ],
     "_prefab": {
-      "__id__": 2280
+      "__id__": 2320
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -19042,7 +19048,7 @@
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": 0,
+      "x": -2274.86,
       "y": 0,
       "z": 0
     },
@@ -19465,8 +19471,8 @@
     },
     "_alignFlags": 45,
     "_target": null,
-    "_left": 0,
-    "_right": 0,
+    "_left": -2274.86,
+    "_right": 2274.86,
     "_top": 0,
     "_bottom": 0,
     "_horizontalCenter": 0,
@@ -19557,7 +19563,7 @@
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": 929.1970000000001,
+      "x": 977.347,
       "y": 0,
       "z": 0
     },
@@ -19651,7 +19657,7 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 144.00000000000003,
+      "width": 144,
       "height": 256
     },
     "_anchorPoint": {
@@ -22039,7 +22045,7 @@
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": -5.684341886080802e-14,
+      "x": 0,
       "y": 820,
       "z": 0
     },
@@ -51056,7 +51062,7 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 720.0000000000001,
+      "width": 720,
       "height": 1280
     },
     "_anchorPoint": {
@@ -51084,8 +51090,8 @@
     },
     "_alignFlags": 45,
     "_target": null,
-    "_left": 929.197,
-    "_right": -929.197,
+    "_left": 977.347,
+    "_right": -977.347,
     "_top": 0,
     "_bottom": 0,
     "_horizontalCenter": 0,
@@ -51139,8 +51145,8 @@
   },
   {
     "__type__": "cc.Node",
-    "_name": "bar",
-    "_objFlags": 512,
+    "_name": "battle_home",
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
       "__id__": 1
@@ -51150,42 +51156,24 @@
         "__id__": 2160
       },
       {
-        "__id__": 2166
-      },
-      {
-        "__id__": 2172
-      },
-      {
-        "__id__": 2191
-      },
-      {
-        "__id__": 2210
-      },
-      {
-        "__id__": 2229
-      },
-      {
-        "__id__": 2248
+        "__id__": 2168
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 2267
+        "__id__": 2174
       },
       {
-        "__id__": 2269
-      },
-      {
-        "__id__": 2271
+        "__id__": 2176
       }
     ],
     "_prefab": {
-      "__id__": 2273
+      "__id__": 2178
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": 0,
+      "x": 3735.264,
       "y": 0,
       "z": 0
     },
@@ -51215,7 +51203,7 @@
   {
     "__type__": "cc.Node",
     "_name": "bg",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
       "__id__": 2159
@@ -51228,15 +51216,18 @@
       },
       {
         "__id__": 2163
+      },
+      {
+        "__id__": 2165
       }
     ],
     "_prefab": {
-      "__id__": 2165
+      "__id__": 2167
     },
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": -10,
+      "y": -40,
       "z": 0
     },
     "_lrot": {
@@ -51274,6 +51265,957 @@
     "__prefab": {
       "__id__": 2162
     },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 1360
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "015ogG2bxM/K/H+Nl3MGyj"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2160
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2164
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 142,
+      "b": 236,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f87f53f9-2fba-4a5b-968a-79a593311ab2@4f4b0",
+      "__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": "54DN1AB7JD771NH6aGZGJQ"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2160
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2166
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": -40,
+    "_right": -40,
+    "_top": -40,
+    "_bottom": -40,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 800,
+    "_originalHeight": 1600,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "caAdv8poxEmJDukfy9TDX/"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "72GuZizqZM5bLjbJvfs06t",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2159
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 2169
+      },
+      {
+        "__id__": 2171
+      }
+    ],
+    "_prefab": {
+      "__id__": 2173
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 500,
+      "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__": 2168
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2170
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 230.166015625,
+      "height": 123.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "678wSVlEVKmZ2ba1qd6rmh"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2168
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2172
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "battle",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 90,
+    "_fontSize": 90,
+    "_fontFamily": "Arial",
+    "_lineHeight": 90,
+    "_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": 5,
+    "_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": "71dFqNbZBM8YnFVzvML0CF"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "feC7onGjRHNpz22CPfC8iY",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2159
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2175
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 720,
+      "height": 1280
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "deP6DZyxdLAbbGaP/DcY6R"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2159
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2177
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 3735.264,
+    "_right": -3735.264,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "9fNjoX0URLzK8pwlLRwRK9"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "cd7I5XnXxCt64Mt/Bd+vqO",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "skill_home",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 2180
+      },
+      {
+        "__id__": 2188
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 2194
+      },
+      {
+        "__id__": 2196
+      }
+    ],
+    "_prefab": {
+      "__id__": 2198
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 2651.195,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "bg",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2179
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 2181
+      },
+      {
+        "__id__": 2183
+      },
+      {
+        "__id__": 2185
+      }
+    ],
+    "_prefab": {
+      "__id__": 2187
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -40,
+      "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__": 2180
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2182
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 1360
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "ef7EtmVAFC7Yqt0l/6Dlnh"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2180
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2184
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 142,
+      "b": 236,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f87f53f9-2fba-4a5b-968a-79a593311ab2@4f4b0",
+      "__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": "66htayIkpLDZqVn+ggVyPq"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2180
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2186
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": -40,
+    "_right": -40,
+    "_top": -40,
+    "_bottom": -40,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 800,
+    "_originalHeight": 1600,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "d4Qydc/jJALpGsbmJudr7R"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "2cxL6G3x5HW4lGLNfjhqRH",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2179
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 2189
+      },
+      {
+        "__id__": 2191
+      }
+    ],
+    "_prefab": {
+      "__id__": 2193
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 500,
+      "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__": 2188
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2190
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 159.9853515625,
+      "height": 123.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "69Lfs+HZNBk5tgUiab6R38"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2188
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2192
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "skill",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 90,
+    "_fontSize": 90,
+    "_fontFamily": "Arial",
+    "_lineHeight": 90,
+    "_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": 5,
+    "_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": "f1Mo+gVodIb4EJs6z084q2"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "c5yOtAyfFFsKHORWoFVmVm",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2179
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2195
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 720,
+      "height": 1280
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "63hukJdHhI/5blvUeU0NNV"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2179
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2197
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 2651.195,
+    "_right": -2651.195,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a6AQ5SC95N5qrjdPqKnqyJ"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "77dYM9QVxJ2p7m6AhvAPrf",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "bar",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 2200
+      },
+      {
+        "__id__": 2206
+      },
+      {
+        "__id__": 2212
+      },
+      {
+        "__id__": 2231
+      },
+      {
+        "__id__": 2250
+      },
+      {
+        "__id__": 2269
+      },
+      {
+        "__id__": 2288
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 2307
+      },
+      {
+        "__id__": 2309
+      },
+      {
+        "__id__": 2311
+      }
+    ],
+    "_prefab": {
+      "__id__": 2313
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "bg",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2199
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 2201
+      },
+      {
+        "__id__": 2203
+      }
+    ],
+    "_prefab": {
+      "__id__": 2205
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -10,
+      "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__": 2200
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 2202
+    },
     "_contentSize": {
       "__type__": "cc.Size",
       "width": 800,
@@ -51296,11 +52238,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2160
+      "__id__": 2200
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2164
+      "__id__": 2204
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -51351,23 +52293,23 @@
   {
     "__type__": "cc.Node",
     "_name": "bbg",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2159
+      "__id__": 2199
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 2167
+        "__id__": 2207
       },
       {
-        "__id__": 2169
+        "__id__": 2209
       }
     ],
     "_prefab": {
-      "__id__": 2171
+      "__id__": 2211
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -51404,11 +52346,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2166
+      "__id__": 2206
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2168
+      "__id__": 2208
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -51432,11 +52374,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2166
+      "__id__": 2206
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2170
+      "__id__": 2210
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -51487,30 +52429,30 @@
   {
     "__type__": "cc.Node",
     "_name": "mission_btn",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2159
+      "__id__": 2199
     },
     "_children": [
       {
-        "__id__": 2173
+        "__id__": 2213
       },
       {
-        "__id__": 2179
+        "__id__": 2219
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 2185
+        "__id__": 2225
       },
       {
-        "__id__": 2187
+        "__id__": 2227
       }
     ],
     "_prefab": {
-      "__id__": 2190
+      "__id__": 2230
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -51544,23 +52486,23 @@
   {
     "__type__": "cc.Node",
     "_name": "icon",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2172
+      "__id__": 2212
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 2174
+        "__id__": 2214
       },
       {
-        "__id__": 2176
+        "__id__": 2216
       }
     ],
     "_prefab": {
-      "__id__": 2178
+      "__id__": 2218
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -51597,11 +52539,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2173
+      "__id__": 2213
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2175
+      "__id__": 2215
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -51625,11 +52567,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2173
+      "__id__": 2213
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2177
+      "__id__": 2217
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -51680,23 +52622,23 @@
   {
     "__type__": "cc.Node",
     "_name": "name",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2172
+      "__id__": 2212
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 2180
+        "__id__": 2220
       },
       {
-        "__id__": 2182
+        "__id__": 2222
       }
     ],
     "_prefab": {
-      "__id__": 2184
+      "__id__": 2224
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -51733,11 +52675,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2179
+      "__id__": 2219
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2181
+      "__id__": 2221
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -51761,11 +52703,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2179
+      "__id__": 2219
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2183
+      "__id__": 2223
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -51842,11 +52784,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2172
+      "__id__": 2212
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2186
+      "__id__": 2226
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -51870,15 +52812,15 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2172
+      "__id__": 2212
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2188
+      "__id__": 2228
     },
     "clickEvents": [
       {
-        "__id__": 2189
+        "__id__": 2229
       }
     ],
     "_interactable": true,
@@ -51931,8 +52873,8 @@
     },
     "component": "",
     "_componentId": "ee99bEQ89lEtavAHQsY2sba",
-    "handler": "to_mission",
-    "customEventData": ""
+    "handler": "bar_change",
+    "customEventData": "home"
   },
   {
     "__type__": "cc.PrefabInfo",
@@ -51950,30 +52892,30 @@
   {
     "__type__": "cc.Node",
     "_name": "shop_btn",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2159
+      "__id__": 2199
     },
     "_children": [
       {
-        "__id__": 2192
+        "__id__": 2232
       },
       {
-        "__id__": 2198
+        "__id__": 2238
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 2204
+        "__id__": 2244
       },
       {
-        "__id__": 2206
+        "__id__": 2246
       }
     ],
     "_prefab": {
-      "__id__": 2209
+      "__id__": 2249
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -52007,23 +52949,23 @@
   {
     "__type__": "cc.Node",
     "_name": "icon",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2191
+      "__id__": 2231
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 2193
+        "__id__": 2233
       },
       {
-        "__id__": 2195
+        "__id__": 2235
       }
     ],
     "_prefab": {
-      "__id__": 2197
+      "__id__": 2237
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -52060,11 +53002,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2192
+      "__id__": 2232
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2194
+      "__id__": 2234
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -52088,11 +53030,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2192
+      "__id__": 2232
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2196
+      "__id__": 2236
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -52143,23 +53085,23 @@
   {
     "__type__": "cc.Node",
     "_name": "name",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2191
+      "__id__": 2231
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 2199
+        "__id__": 2239
       },
       {
-        "__id__": 2201
+        "__id__": 2241
       }
     ],
     "_prefab": {
-      "__id__": 2203
+      "__id__": 2243
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -52196,11 +53138,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2198
+      "__id__": 2238
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2200
+      "__id__": 2240
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -52224,11 +53166,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2198
+      "__id__": 2238
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2202
+      "__id__": 2242
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -52305,11 +53247,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2191
+      "__id__": 2231
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2205
+      "__id__": 2245
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -52333,15 +53275,15 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2191
+      "__id__": 2231
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2207
+      "__id__": 2247
     },
     "clickEvents": [
       {
-        "__id__": 2208
+        "__id__": 2248
       }
     ],
     "_interactable": true,
@@ -52394,8 +53336,8 @@
     },
     "component": "",
     "_componentId": "ee99bEQ89lEtavAHQsY2sba",
-    "handler": "to_shop",
-    "customEventData": ""
+    "handler": "bar_change",
+    "customEventData": "shop"
   },
   {
     "__type__": "cc.PrefabInfo",
@@ -52413,30 +53355,30 @@
   {
     "__type__": "cc.Node",
     "_name": "hero_btn",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2159
+      "__id__": 2199
     },
     "_children": [
       {
-        "__id__": 2211
+        "__id__": 2251
       },
       {
-        "__id__": 2217
+        "__id__": 2257
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 2223
+        "__id__": 2263
       },
       {
-        "__id__": 2225
+        "__id__": 2265
       }
     ],
     "_prefab": {
-      "__id__": 2228
+      "__id__": 2268
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -52470,23 +53412,23 @@
   {
     "__type__": "cc.Node",
     "_name": "icon",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2210
+      "__id__": 2250
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 2212
+        "__id__": 2252
       },
       {
-        "__id__": 2214
+        "__id__": 2254
       }
     ],
     "_prefab": {
-      "__id__": 2216
+      "__id__": 2256
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -52523,11 +53465,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2211
+      "__id__": 2251
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2213
+      "__id__": 2253
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -52551,11 +53493,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2211
+      "__id__": 2251
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2215
+      "__id__": 2255
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -52606,23 +53548,23 @@
   {
     "__type__": "cc.Node",
     "_name": "name",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2210
+      "__id__": 2250
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 2218
+        "__id__": 2258
       },
       {
-        "__id__": 2220
+        "__id__": 2260
       }
     ],
     "_prefab": {
-      "__id__": 2222
+      "__id__": 2262
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -52659,11 +53601,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2217
+      "__id__": 2257
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2219
+      "__id__": 2259
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -52687,11 +53629,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2217
+      "__id__": 2257
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2221
+      "__id__": 2261
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -52768,11 +53710,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2210
+      "__id__": 2250
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2224
+      "__id__": 2264
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -52796,15 +53738,15 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2210
+      "__id__": 2250
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2226
+      "__id__": 2266
     },
     "clickEvents": [
       {
-        "__id__": 2227
+        "__id__": 2267
       }
     ],
     "_interactable": true,
@@ -52857,8 +53799,8 @@
     },
     "component": "",
     "_componentId": "ee99bEQ89lEtavAHQsY2sba",
-    "handler": "to_hero",
-    "customEventData": ""
+    "handler": "bar_change",
+    "customEventData": "hero"
   },
   {
     "__type__": "cc.PrefabInfo",
@@ -52876,30 +53818,30 @@
   {
     "__type__": "cc.Node",
     "_name": "skill_btn",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2159
+      "__id__": 2199
     },
     "_children": [
       {
-        "__id__": 2230
+        "__id__": 2270
       },
       {
-        "__id__": 2236
+        "__id__": 2276
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 2242
+        "__id__": 2282
       },
       {
-        "__id__": 2244
+        "__id__": 2284
       }
     ],
     "_prefab": {
-      "__id__": 2247
+      "__id__": 2287
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -52933,23 +53875,23 @@
   {
     "__type__": "cc.Node",
     "_name": "icon",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2229
+      "__id__": 2269
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 2231
+        "__id__": 2271
       },
       {
-        "__id__": 2233
+        "__id__": 2273
       }
     ],
     "_prefab": {
-      "__id__": 2235
+      "__id__": 2275
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -52986,11 +53928,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2230
+      "__id__": 2270
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2232
+      "__id__": 2272
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -53014,11 +53956,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2230
+      "__id__": 2270
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2234
+      "__id__": 2274
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -53069,23 +54011,23 @@
   {
     "__type__": "cc.Node",
     "_name": "name",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2229
+      "__id__": 2269
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 2237
+        "__id__": 2277
       },
       {
-        "__id__": 2239
+        "__id__": 2279
       }
     ],
     "_prefab": {
-      "__id__": 2241
+      "__id__": 2281
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -53122,11 +54064,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2236
+      "__id__": 2276
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2238
+      "__id__": 2278
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -53150,11 +54092,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2236
+      "__id__": 2276
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2240
+      "__id__": 2280
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -53231,11 +54173,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2229
+      "__id__": 2269
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2243
+      "__id__": 2283
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -53259,15 +54201,15 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2229
+      "__id__": 2269
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2245
+      "__id__": 2285
     },
     "clickEvents": [
       {
-        "__id__": 2246
+        "__id__": 2286
       }
     ],
     "_interactable": true,
@@ -53320,8 +54262,8 @@
     },
     "component": "",
     "_componentId": "ee99bEQ89lEtavAHQsY2sba",
-    "handler": "to_skills",
-    "customEventData": ""
+    "handler": "bar_change",
+    "customEventData": "skill"
   },
   {
     "__type__": "cc.PrefabInfo",
@@ -53339,30 +54281,30 @@
   {
     "__type__": "cc.Node",
     "_name": "battle_btn",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2159
+      "__id__": 2199
     },
     "_children": [
       {
-        "__id__": 2249
+        "__id__": 2289
       },
       {
-        "__id__": 2255
+        "__id__": 2295
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 2261
+        "__id__": 2301
       },
       {
-        "__id__": 2263
+        "__id__": 2303
       }
     ],
     "_prefab": {
-      "__id__": 2266
+      "__id__": 2306
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -53396,23 +54338,23 @@
   {
     "__type__": "cc.Node",
     "_name": "icon",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2248
+      "__id__": 2288
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 2250
+        "__id__": 2290
       },
       {
-        "__id__": 2252
+        "__id__": 2292
       }
     ],
     "_prefab": {
-      "__id__": 2254
+      "__id__": 2294
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -53449,11 +54391,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2249
+      "__id__": 2289
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2251
+      "__id__": 2291
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -53477,11 +54419,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2249
+      "__id__": 2289
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2253
+      "__id__": 2293
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -53532,23 +54474,23 @@
   {
     "__type__": "cc.Node",
     "_name": "name",
-    "_objFlags": 512,
+    "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 2248
+      "__id__": 2288
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 2256
+        "__id__": 2296
       },
       {
-        "__id__": 2258
+        "__id__": 2298
       }
     ],
     "_prefab": {
-      "__id__": 2260
+      "__id__": 2300
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -53585,11 +54527,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2255
+      "__id__": 2295
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2257
+      "__id__": 2297
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -53613,11 +54555,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2255
+      "__id__": 2295
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2259
+      "__id__": 2299
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -53694,11 +54636,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2248
+      "__id__": 2288
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2262
+      "__id__": 2302
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -53722,15 +54664,15 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2248
+      "__id__": 2288
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2264
+      "__id__": 2304
     },
     "clickEvents": [
       {
-        "__id__": 2265
+        "__id__": 2305
       }
     ],
     "_interactable": true,
@@ -53783,8 +54725,8 @@
     },
     "component": "",
     "_componentId": "ee99bEQ89lEtavAHQsY2sba",
-    "handler": "to_battle",
-    "customEventData": ""
+    "handler": "bar_change",
+    "customEventData": "battle"
   },
   {
     "__type__": "cc.PrefabInfo",
@@ -53805,11 +54747,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2159
+      "__id__": 2199
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2268
+      "__id__": 2308
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -53833,11 +54775,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2159
+      "__id__": 2199
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2270
+      "__id__": 2310
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -53875,11 +54817,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2159
+      "__id__": 2199
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2272
+      "__id__": 2312
     },
     "_alignFlags": 20,
     "_target": null,
@@ -53928,7 +54870,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2275
+      "__id__": 2315
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -53956,7 +54898,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2277
+      "__id__": 2317
     },
     "_alignFlags": 45,
     "_target": null,
@@ -53992,7 +54934,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 2279
+      "__id__": 2319
     },
     "_id": ""
   },
diff --git a/assets/script/game/map/CardController.ts b/assets/script/game/map/CardController.ts
index 6d4cc6ab..4c8ffb09 100644
--- a/assets/script/game/map/CardController.ts
+++ b/assets/script/game/map/CardController.ts
@@ -30,10 +30,9 @@ export class CardControllerComp extends CCComp {
         this.bbg=this.node.getChildByName("bar").getChildByName("bbg")
     }
     start() {
-        this.hero_home_hide()
-        this.mission_hide()
         this.bbg=this.node.getChildByName("bar").getChildByName("bbg")
         this.bbg.setPosition(v3(this.bbg_x[2],this.bbg_y))
+        this.page_init()
     }
     
     show_info(uuid:number,type:number){
@@ -45,88 +44,62 @@ export class CardControllerComp extends CCComp {
             return
         }
 
+    }
+    page_init(){
+        this.node.getChildByName("mission_home").active=true;
+        this.node.getChildByName("hero_home").setPosition(v3(1000,this.node.getChildByName("hero_home").position.y))
+        this.node.getChildByName("shop_home").setPosition(v3(1000,this.node.getChildByName("shop_home").position.y))
+        this.node.getChildByName("battle_home").setPosition(v3(1000,this.node.getChildByName("battle_home").position.y))
+        this.node.getChildByName("skill_home").setPosition(v3(1000,this.node.getChildByName("skill_home").position.y))
+
+        this.node.getChildByName("mission").active = false;
+
     }
     bar_change(e:any,args:any){
+        console.log("bar_change",args)
+        this.node.getChildByName("mission_home").active=true;
+        this.node.getChildByName("bar").active=true;
+        this.bbg.setPosition(v3(this.bbg_x[2],this.bbg_y))
+        this.node.getChildByName("mission").active = false;
+        this.node.getChildByName("hero_home").setPosition(v3(2000,this.node.getChildByName("hero_home").position.y))
+        this.node.getChildByName("shop_home").setPosition(v3(2000,this.node.getChildByName("shop_home").position.y))
+        this.node.getChildByName("battle_home").setPosition(v3(2000,this.node.getChildByName("battle_home").position.y))
+        this.node.getChildByName("skill_home").setPosition(v3(2000,this.node.getChildByName("skill_home").position.y))
         switch(args){
             case "hero":
+                this.node.getChildByName("hero_home").setPosition(v3(0,this.node.getChildByName("hero_home").position.y))
+                this.bbg.setPosition(v3(this.bbg_x[1],this.bbg_y))
                 break;
+            case "shop":
+                this.node.getChildByName("shop_home").setPosition(v3(0,this.node.getChildByName("shop_home").position.y))
+                this.bbg.setPosition(v3(this.bbg_x[0],this.bbg_y))
+                break;
+            case "battle":
+                this.node.getChildByName("battle_home").setPosition(v3(0,this.node.getChildByName("battle_home").position.y))
+                this.bbg.setPosition(v3(this.bbg_x[4],this.bbg_y))
+                break;
+            case "skill":
+                this.node.getChildByName("skill_home").setPosition(v3(0,this.node.getChildByName("skill_home").position.y))
+                this.bbg.setPosition(v3(this.bbg_x[3],this.bbg_y))
+                break;    
         }
     }
 
-    
-    hero_home_show(){
-        let node=this.node.getChildByName("hero_home")
-        node.active = true
-        tween(node).to( 0.1,{ position: v3(0,node.position.y)}, ).start();
-    }
-    hero_home_hide(){
-        let node=this.node.getChildByName("hero_home")
-        node.active = false
-        // tween(node).to( 0.1,{ position: v3(2000,node.position.y)}, ).start();  
-    }
-   
-    mission_home_show(){
-        this.node.getChildByName("mission_home").active=true;
-    }
-    mission_home_hide(){
-        this.node.getChildByName("mission_home").active=false;
-    }
-    mission_show(){
-        this.node.getChildByName("mission").active = true;
-    }
-    mission_hide(){
-        this.node.getChildByName("mission").active = false;
-    }
     mission_start(){
         this.node.getChildByName("bar").active=false;
-        this.mission_home_hide()
-        this.mission_show();
+        this.node.getChildByName("mission_home").active=false;
+        this.node.getChildByName("mission").active = true;
         smc.mission.play = true;
         // oops.message.dispatchEvent("mission_start")
     }
     to_mission(){
-        this.hero_home_hide()
-        this.mission_home_show()
-        this.mission_hide()
+        this.bar_change(null,"home")
         this.node.getChildByName("bar").active=true;
         // tween(this.bbg).to(0.1,{Position:v3(this.bbg_x[2],this.bbg_y)}).start()
         this.bbg.setPosition(this.bbg_x[2],this.bbg_y)
         
     }
-    to_shop(){
-        this.mission_home_hide()
-        this.hero_home_hide()
-        this.mission_hide()
-        // tween(this.bbg).to(0.1,{Position:v3(this.bbg_x[0],this.bbg_y)}).start()
-                this.bbg.setPosition(this.bbg_x[0],this.bbg_y)
-
-
-    }
-    to_hero(){
-        this.mission_home_hide()
-        this.hero_home_show()
-        this.mission_hide()
-        // tween(this.bbg).to(0.1,{Position:v3(this.bbg_x[1],this.bbg_y)}).start()
-        this.bbg.setPosition(this.bbg_x[1],this.bbg_y)
-
-    }
-    to_skills(){
-        this.mission_home_hide()
-        this.hero_home_hide()
-        this.mission_hide()
-        // tween(this.bbg).to(0.1,{Position:v3(this.bbg_x[3],this.bbg_y)}).start()
-                this.bbg.setPosition(this.bbg_x[3],this.bbg_y)
-
-    }
-    to_battle(){
-        this.mission_home_hide()
-        this.hero_home_hide()
-        this.mission_hide()
-        // tween(this.bbg).to(0.1,{Position:v3(this.bbg_x[4],this.bbg_y)}).start()
-                this.bbg.setPosition(this.bbg_x[4],this.bbg_y)
-
-    }
-    /** 视图对象通过 ecs.Entity.remove(ControllerComp) 删除组件是触发组件处理自定义释放逻辑 */
+        /** 视图对象通过 ecs.Entity.remove(ControllerComp) 删除组件是触发组件处理自定义释放逻辑 */
     reset() {
         this.node.destroy();
     }