diff --git a/assets/res/prefabs/NUI/heroShop.prefab b/assets/res/prefabs/NUI/heroShop.prefab
index 01ab0685..29fe6d1a 100644
--- a/assets/res/prefabs/NUI/heroShop.prefab
+++ b/assets/res/prefabs/NUI/heroShop.prefab
@@ -20,10 +20,10 @@
         "__id__": 2
       },
       {
-        "__id__": 13
+        "__id__": 5
       },
       {
-        "__id__": 19
+        "__id__": 16
       },
       {
         "__id__": 22
@@ -104,6 +104,107 @@
     "groupIndex": 0,
     "_id": ""
   },
+  {
+    "__type__": "cc.Node",
+    "_name": "bg",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 3,
+    "_components": [
+      {
+        "__id__": 3
+      }
+    ],
+    "_prefab": {
+      "__id__": 4
+    },
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 174,
+      "height": 210
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_position": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 27,
+      "z": 0
+    },
+    "_scale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_rotationX": 0,
+    "_rotationY": 0,
+    "_quat": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_skewX": 0,
+    "_skewY": 0,
+    "groupIndex": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "96c40636-35e1-4bf6-b343-5273204b4e58"
+    },
+    "_type": 0,
+    "_sizeMode": 0,
+    "_fillType": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_state": 0,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__uuid__": "16d3867d-f4ca-4dd0-a2a7-6d7612901b1c"
+    },
+    "fileId": "f433W0V2JIdJgBDulQ3wao",
+    "sync": false
+  },
   {
     "__type__": "cc.Node",
     "_name": "hero_quality",
@@ -113,17 +214,17 @@
     },
     "_children": [
       {
-        "__id__": 3
+        "__id__": 6
       },
       {
-        "__id__": 9
+        "__id__": 12
       }
     ],
     "_active": true,
     "_level": 3,
     "_components": [],
     "_prefab": {
-      "__id__": 12
+      "__id__": 15
     },
     "_opacity": 255,
     "_color": {
@@ -174,222 +275,14 @@
     "_name": "hero_gen",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 2
+      "__id__": 5
     },
     "_children": [
-      {
-        "__id__": 4
-      }
-    ],
-    "_active": false,
-    "_level": 5,
-    "_components": [
       {
         "__id__": 7
       }
     ],
-    "_prefab": {
-      "__id__": 8
-    },
-    "_opacity": 255,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 166,
-      "height": 202
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_position": {
-      "__type__": "cc.Vec3",
-      "x": 0,
-      "y": 0,
-      "z": 0
-    },
-    "_scale": {
-      "__type__": "cc.Vec3",
-      "x": 1,
-      "y": 1,
-      "z": 1
-    },
-    "_rotationX": 0,
-    "_rotationY": 0,
-    "_quat": {
-      "__type__": "cc.Quat",
-      "x": 0,
-      "y": 0,
-      "z": 0,
-      "w": 1
-    },
-    "_skewX": 0,
-    "_skewY": 0,
-    "groupIndex": 0,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.Node",
-    "_name": "GEN_icon",
-    "_objFlags": 0,
-    "_parent": {
-      "__id__": 3
-    },
-    "_children": [],
-    "_active": true,
-    "_level": 6,
-    "_components": [
-      {
-        "__id__": 5
-      }
-    ],
-    "_prefab": {
-      "__id__": 6
-    },
-    "_opacity": 255,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 25,
-      "height": 25
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_position": {
-      "__type__": "cc.Vec3",
-      "x": -65,
-      "y": 84,
-      "z": 0
-    },
-    "_scale": {
-      "__type__": "cc.Vec3",
-      "x": 1,
-      "y": 1,
-      "z": 1
-    },
-    "_rotationX": 0,
-    "_rotationY": 0,
-    "_quat": {
-      "__type__": "cc.Quat",
-      "x": 0,
-      "y": 0,
-      "z": 0,
-      "w": 1
-    },
-    "_skewX": 0,
-    "_skewY": 0,
-    "groupIndex": 0,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.Sprite",
-    "_name": "",
-    "_objFlags": 0,
-    "node": {
-      "__id__": 4
-    },
-    "_enabled": true,
-    "_srcBlendFactor": 770,
-    "_dstBlendFactor": 771,
-    "_spriteFrame": {
-      "__uuid__": "4dfeedde-3edc-4590-98cc-fba5183e4e8a"
-    },
-    "_type": 0,
-    "_sizeMode": 0,
-    "_fillType": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_state": 0,
-    "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__uuid__": "16d3867d-f4ca-4dd0-a2a7-6d7612901b1c"
-    },
-    "fileId": "017C4vZGNJ16EoQKI7tKvP",
-    "sync": false
-  },
-  {
-    "__type__": "cc.Sprite",
-    "_name": "",
-    "_objFlags": 0,
-    "node": {
-      "__id__": 3
-    },
-    "_enabled": true,
-    "_srcBlendFactor": 770,
-    "_dstBlendFactor": 771,
-    "_spriteFrame": {
-      "__uuid__": "8ef1f4fe-a464-4614-9cbf-3fb7ca6a5ccc"
-    },
-    "_type": 0,
-    "_sizeMode": 0,
-    "_fillType": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_state": 0,
-    "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__uuid__": "16d3867d-f4ca-4dd0-a2a7-6d7612901b1c"
-    },
-    "fileId": "50J/4E1uxGGZlR4a09tFlg",
-    "sync": false
-  },
-  {
-    "__type__": "cc.Node",
-    "_name": "hero_normal",
-    "_objFlags": 0,
-    "_parent": {
-      "__id__": 2
-    },
-    "_children": [],
-    "_active": true,
+    "_active": false,
     "_level": 5,
     "_components": [
       {
@@ -443,12 +336,214 @@
     "groupIndex": 0,
     "_id": ""
   },
+  {
+    "__type__": "cc.Node",
+    "_name": "GEN_icon",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 6
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 6,
+    "_components": [
+      {
+        "__id__": 8
+      }
+    ],
+    "_prefab": {
+      "__id__": 9
+    },
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 25,
+      "height": 25
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_position": {
+      "__type__": "cc.Vec3",
+      "x": -65,
+      "y": 84,
+      "z": 0
+    },
+    "_scale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_rotationX": 0,
+    "_rotationY": 0,
+    "_quat": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_skewX": 0,
+    "_skewY": 0,
+    "groupIndex": 0,
+    "_id": ""
+  },
   {
     "__type__": "cc.Sprite",
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 9
+      "__id__": 7
+    },
+    "_enabled": true,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "4dfeedde-3edc-4590-98cc-fba5183e4e8a"
+    },
+    "_type": 0,
+    "_sizeMode": 0,
+    "_fillType": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_state": 0,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__uuid__": "16d3867d-f4ca-4dd0-a2a7-6d7612901b1c"
+    },
+    "fileId": "017C4vZGNJ16EoQKI7tKvP",
+    "sync": false
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 6
+    },
+    "_enabled": true,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "8ef1f4fe-a464-4614-9cbf-3fb7ca6a5ccc"
+    },
+    "_type": 0,
+    "_sizeMode": 0,
+    "_fillType": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_state": 0,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__uuid__": "16d3867d-f4ca-4dd0-a2a7-6d7612901b1c"
+    },
+    "fileId": "50J/4E1uxGGZlR4a09tFlg",
+    "sync": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "hero_normal",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 5
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 5,
+    "_components": [
+      {
+        "__id__": 13
+      }
+    ],
+    "_prefab": {
+      "__id__": 14
+    },
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 166,
+      "height": 202
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_position": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_scale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_rotationX": 0,
+    "_rotationY": 0,
+    "_quat": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_skewX": 0,
+    "_skewY": 0,
+    "groupIndex": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 12
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -469,9 +564,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -505,18 +597,18 @@
     },
     "_children": [
       {
-        "__id__": 14
+        "__id__": 17
       }
     ],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 17
+        "__id__": 20
       }
     ],
     "_prefab": {
-      "__id__": 18
+      "__id__": 21
     },
     "_opacity": 255,
     "_color": {
@@ -567,18 +659,18 @@
     "_name": "pic_hero1",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 13
+      "__id__": 16
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 15
+        "__id__": 18
       }
     ],
     "_prefab": {
-      "__id__": 16
+      "__id__": 19
     },
     "_opacity": 255,
     "_color": {
@@ -629,7 +721,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 14
+      "__id__": 17
     },
     "_enabled": true,
     "paused": false,
@@ -674,7 +766,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 13
+      "__id__": 16
     },
     "_enabled": true,
     "_spriteFrame": null,
@@ -695,110 +787,6 @@
     "fileId": "90y68HTK1Kx6WJ7NujwDP/",
     "sync": false
   },
-  {
-    "__type__": "cc.Node",
-    "_name": "bg",
-    "_objFlags": 0,
-    "_parent": {
-      "__id__": 1
-    },
-    "_children": [],
-    "_active": true,
-    "_level": 3,
-    "_components": [
-      {
-        "__id__": 20
-      }
-    ],
-    "_prefab": {
-      "__id__": 21
-    },
-    "_opacity": 255,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 174,
-      "height": 210
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_position": {
-      "__type__": "cc.Vec3",
-      "x": 0,
-      "y": 27,
-      "z": 0
-    },
-    "_scale": {
-      "__type__": "cc.Vec3",
-      "x": 1,
-      "y": 1,
-      "z": 1
-    },
-    "_rotationX": 0,
-    "_rotationY": 0,
-    "_quat": {
-      "__type__": "cc.Quat",
-      "x": 0,
-      "y": 0,
-      "z": 0,
-      "w": 1
-    },
-    "_skewX": 0,
-    "_skewY": 0,
-    "groupIndex": 0,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.Sprite",
-    "_name": "",
-    "_objFlags": 0,
-    "node": {
-      "__id__": 19
-    },
-    "_enabled": true,
-    "_srcBlendFactor": 770,
-    "_dstBlendFactor": 771,
-    "_spriteFrame": {
-      "__uuid__": "c0805080-fa3d-4784-b5d8-c021da5e1a99"
-    },
-    "_type": 0,
-    "_sizeMode": 0,
-    "_fillType": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_state": 0,
-    "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__uuid__": "16d3867d-f4ca-4dd0-a2a7-6d7612901b1c"
-    },
-    "fileId": "f433W0V2JIdJgBDulQ3wao",
-    "sync": false
-  },
   {
     "__type__": "cc.Node",
     "_name": "zhiye",
@@ -807,7 +795,7 @@
       "__id__": 1
     },
     "_children": [],
-    "_active": true,
+    "_active": false,
     "_level": 3,
     "_components": [
       {
@@ -887,9 +875,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -1083,23 +1068,6 @@
       "a": 255
     },
     "_width": 0.5,
-    "_color2": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
-    },
-    "_width2": 0,
-    "_isUnderline": false,
-    "_UnderlineColor": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
-    },
-    "_UnderlineWidth": 0,
     "_id": ""
   },
   {
@@ -1348,9 +1316,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -1452,9 +1417,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -1556,9 +1518,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -1660,9 +1619,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -1764,9 +1720,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -2315,9 +2268,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -2357,9 +2307,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -2605,9 +2552,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -2941,9 +2885,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -3000,9 +2941,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -3242,9 +3180,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -3382,9 +3317,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -3441,9 +3373,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -3476,7 +3405,7 @@
       "__id__": 25
     },
     "_children": [],
-    "_active": true,
+    "_active": false,
     "_level": 3,
     "_components": [
       {
@@ -3769,9 +3698,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -3873,9 +3799,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -4079,9 +4002,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -4287,9 +4207,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -4334,15 +4251,15 @@
     "_opacity": 255,
     "_color": {
       "__type__": "cc.Color",
-      "r": 253,
-      "g": 70,
-      "b": 70,
+      "r": 255,
+      "g": 255,
+      "b": 255,
       "a": 255
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 169,
-      "height": 52
+      "width": 180,
+      "height": 54
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -4517,8 +4434,8 @@
     },
     "_scale": {
       "__type__": "cc.Vec3",
-      "x": 0.5,
-      "y": 0.5,
+      "x": 0.45,
+      "y": 0.45,
       "z": 1
     },
     "_rotationX": 0,
@@ -4561,9 +4478,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -4588,7 +4502,7 @@
     "_srcBlendFactor": 770,
     "_dstBlendFactor": 771,
     "_spriteFrame": {
-      "__uuid__": "fe6f6d18-383e-4747-b1ad-257e7e7a0aa6"
+      "__uuid__": "a2ff476e-22f2-4b8e-827d-546d6430a025"
     },
     "_type": 0,
     "_sizeMode": 1,
@@ -4603,9 +4517,6 @@
     "_isTrimmedMode": true,
     "_state": 0,
     "_atlas": null,
-    "_tilecount": 1,
-    "_tileoffx": 0,
-    "_tileoffy": 0,
     "_id": ""
   },
   {
@@ -4717,7 +4628,7 @@
       "__id__": 23
     },
     "spine_hero": {
-      "__id__": 15
+      "__id__": 18
     },
     "infoPage": {
       "__uuid__": "1d196a77-b46b-43d2-9d2e-cfa0bfcf0602"
@@ -4754,7 +4665,7 @@
       "__id__": 27
     },
     "heroSpine": {
-      "__id__": 15
+      "__id__": 18
     },
     "zhiye": {
       "__id__": 23
diff --git a/assets/res/ui/ui_guyuan2/bg_shop_frame.png b/assets/res/ui/ui_guyuan2/bg_shop_frame.png
new file mode 100644
index 00000000..3378dfd1
Binary files /dev/null and b/assets/res/ui/ui_guyuan2/bg_shop_frame.png differ
diff --git a/assets/res/ui/ui_guyuan2/bg_shop_frame.png.meta b/assets/res/ui/ui_guyuan2/bg_shop_frame.png.meta
new file mode 100644
index 00000000..290a2508
--- /dev/null
+++ b/assets/res/ui/ui_guyuan2/bg_shop_frame.png.meta
@@ -0,0 +1,31 @@
+{
+  "ver": "2.2.0",
+  "uuid": "fd3f73df-05d2-4bd0-9295-723e0ccd960a",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "subMetas": {
+    "bg_shop_frame": {
+      "ver": "1.0.4",
+      "uuid": "96c40636-35e1-4bf6-b343-5273204b4e58",
+      "rawTextureUuid": "fd3f73df-05d2-4bd0-9295-723e0ccd960a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 0,
+      "trimY": 0,
+      "width": 99,
+      "height": 98,
+      "rawWidth": 99,
+      "rawHeight": 98,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/res/ui/ui_guyuan2/btn_shop_buy.png b/assets/res/ui/ui_guyuan2/btn_shop_buy.png
new file mode 100644
index 00000000..8cc8ea59
Binary files /dev/null and b/assets/res/ui/ui_guyuan2/btn_shop_buy.png differ
diff --git a/assets/res/ui/ui_guyuan2/btn_shop_buy.png.meta b/assets/res/ui/ui_guyuan2/btn_shop_buy.png.meta
new file mode 100644
index 00000000..086efc36
--- /dev/null
+++ b/assets/res/ui/ui_guyuan2/btn_shop_buy.png.meta
@@ -0,0 +1,31 @@
+{
+  "ver": "2.2.0",
+  "uuid": "755e2f72-81db-44ea-82f9-a639d1e5f94c",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "subMetas": {
+    "btn_shop_buy": {
+      "ver": "1.0.4",
+      "uuid": "a2ff476e-22f2-4b8e-827d-546d6430a025",
+      "rawTextureUuid": "755e2f72-81db-44ea-82f9-a639d1e5f94c",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 0,
+      "trimY": 0,
+      "width": 180,
+      "height": 54,
+      "rawWidth": 180,
+      "rawHeight": 54,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
\ No newline at end of file