diff --git a/assets/comp/wallet/prefab/iconBtn.prefab b/assets/comp/wallet/prefab/iconBtn.prefab
new file mode 100644
index 0000000..49aa759
--- /dev/null
+++ b/assets/comp/wallet/prefab/iconBtn.prefab
@@ -0,0 +1,420 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "",
+    "_objFlags": 0,
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "asyncLoadAssets": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "iconBtn",
+    "_objFlags": 0,
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      },
+      {
+        "__id__": 5
+      }
+    ],
+    "_active": true,
+    "_level": 1,
+    "_components": [
+      {
+        "__id__": 8
+      },
+      {
+        "__id__": 9
+      },
+      {
+        "__id__": 10
+      }
+    ],
+    "_prefab": {
+      "__id__": 12
+    },
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 120,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_position": {
+      "__type__": "cc.Vec3",
+      "x": -133,
+      "y": 60,
+      "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": "icon",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 5,
+    "_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": 60,
+      "height": 60
+    },
+    "_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__": "94d7ae57-38a7-4f0b-80ea-163c8808f1c7"
+    },
+    "_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__": "edefc8c1-62a6-49f9-8610-13865e5b0e32"
+    },
+    "fileId": "660eT0cY5P4r0d/7ztvIiy",
+    "sync": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "titleLabel",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 5,
+    "_components": [
+      {
+        "__id__": 6
+      }
+    ],
+    "_prefab": {
+      "__id__": 7
+    },
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100.88,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_position": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -38,
+      "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.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 5
+    },
+    "_enabled": true,
+    "_useOriginalSize": false,
+    "_string": "Import Account",
+    "_N$string": "Import Account",
+    "_fontSize": 15,
+    "_lineHeight": 40,
+    "_enableWrapText": true,
+    "_N$file": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_batchAsBitmap": false,
+    "_N$horizontalAlign": 1,
+    "_N$verticalAlign": 1,
+    "_N$fontFamily": "Arial",
+    "_N$overflow": 0,
+    "_N$cacheMode": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__uuid__": "edefc8c1-62a6-49f9-8610-13865e5b0e32"
+    },
+    "fileId": "86ehui2nhEXr73aDPfEK2X",
+    "sync": false
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": false,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "13d3eb87-b218-4fb7-b7c2-31e8a58b67bc"
+    },
+    "_type": 1,
+    "_sizeMode": 0,
+    "_fillType": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_state": 0,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "32f5cLy2UpGYby3r5V1Y5Qz",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "btnSprite": {
+      "__id__": 3
+    },
+    "titleLabel": {
+      "__id__": 6
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "duration": 0.1,
+    "zoomScale": 1.2,
+    "clickEvents": [
+      {
+        "__id__": 11
+      }
+    ],
+    "_N$interactable": true,
+    "_N$enableAutoGrayEffect": false,
+    "_N$transition": 3,
+    "transition": 3,
+    "_N$normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_N$pressedColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "pressedColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_N$hoverColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "hoverColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_N$disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_N$normalSprite": null,
+    "_N$pressedSprite": null,
+    "pressedSprite": null,
+    "_N$hoverSprite": null,
+    "hoverSprite": null,
+    "_N$disabledSprite": null,
+    "_N$target": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.ClickEvent",
+    "target": {
+      "__id__": 1
+    },
+    "component": "",
+    "_componentId": "32f5cLy2UpGYby3r5V1Y5Qz",
+    "handler": "onBtnClicked",
+    "customEventData": ""
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__uuid__": "edefc8c1-62a6-49f9-8610-13865e5b0e32"
+    },
+    "fileId": "f4h7lbA1ZFI7ll+ROJ2r+E",
+    "sync": false
+  }
+]
\ No newline at end of file
diff --git a/assets/comp/wallet/prefab/iconBtn.prefab.meta b/assets/comp/wallet/prefab/iconBtn.prefab.meta
new file mode 100644
index 0000000..5aec31f
--- /dev/null
+++ b/assets/comp/wallet/prefab/iconBtn.prefab.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "1.0.1",
+  "uuid": "edefc8c1-62a6-49f9-8610-13865e5b0e32",
+  "optimizationPolicy": "AUTO",
+  "asyncLoadAssets": false,
+  "subMetas": {}
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/res/icon/change-account.png b/assets/comp/wallet/res/icon/change-account.png
new file mode 100644
index 0000000..7f6aac9
Binary files /dev/null and b/assets/comp/wallet/res/icon/change-account.png differ
diff --git a/assets/comp/wallet/res/icon/change-account.png.meta b/assets/comp/wallet/res/icon/change-account.png.meta
new file mode 100644
index 0000000..04f6323
--- /dev/null
+++ b/assets/comp/wallet/res/icon/change-account.png.meta
@@ -0,0 +1,31 @@
+{
+  "ver": "2.2.0",
+  "uuid": "9f0a0c71-b5fb-4fd4-be80-f51884e4ffdc",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "subMetas": {
+    "change-account": {
+      "ver": "1.0.4",
+      "uuid": "94d7ae57-38a7-4f0b-80ea-163c8808f1c7",
+      "rawTextureUuid": "9f0a0c71-b5fb-4fd4-be80-f51884e4ffdc",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 6,
+      "trimY": 6,
+      "width": 116,
+      "height": 116,
+      "rawWidth": 128,
+      "rawHeight": 128,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/res/icon/cloud-download.png b/assets/comp/wallet/res/icon/cloud-download.png
new file mode 100644
index 0000000..773c758
Binary files /dev/null and b/assets/comp/wallet/res/icon/cloud-download.png differ
diff --git a/assets/comp/wallet/res/icon/cloud-download.png.meta b/assets/comp/wallet/res/icon/cloud-download.png.meta
new file mode 100644
index 0000000..3c690c0
--- /dev/null
+++ b/assets/comp/wallet/res/icon/cloud-download.png.meta
@@ -0,0 +1,31 @@
+{
+  "ver": "2.2.0",
+  "uuid": "df5ebe68-91ad-4ca7-817b-6ac939b07114",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "subMetas": {
+    "cloud-download": {
+      "ver": "1.0.4",
+      "uuid": "8917c4b9-d880-44a8-950b-1bea01707e86",
+      "rawTextureUuid": "df5ebe68-91ad-4ca7-817b-6ac939b07114",
+      "trimType": "custom",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 0,
+      "trimY": 0,
+      "width": 128,
+      "height": 128,
+      "rawWidth": 128,
+      "rawHeight": 128,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/res/icon/cloud-upload.png b/assets/comp/wallet/res/icon/cloud-upload.png
new file mode 100644
index 0000000..c460b50
Binary files /dev/null and b/assets/comp/wallet/res/icon/cloud-upload.png differ
diff --git a/assets/comp/wallet/res/icon/cloud-upload.png.meta b/assets/comp/wallet/res/icon/cloud-upload.png.meta
new file mode 100644
index 0000000..fdf0397
--- /dev/null
+++ b/assets/comp/wallet/res/icon/cloud-upload.png.meta
@@ -0,0 +1,31 @@
+{
+  "ver": "2.2.0",
+  "uuid": "31025bca-460e-4a00-99e4-ea5ef22f9cee",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "subMetas": {
+    "cloud-upload": {
+      "ver": "1.0.4",
+      "uuid": "ee2ddc55-f2ed-4cbe-a5cb-0e54b85bf647",
+      "rawTextureUuid": "31025bca-460e-4a00-99e4-ea5ef22f9cee",
+      "trimType": "custom",
+      "trimThreshold": 0,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 0,
+      "trimY": 0,
+      "width": 128,
+      "height": 128,
+      "rawWidth": 128,
+      "rawHeight": 128,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/res/icon/export-account.png b/assets/comp/wallet/res/icon/export-account.png
new file mode 100644
index 0000000..9ff764e
Binary files /dev/null and b/assets/comp/wallet/res/icon/export-account.png differ
diff --git a/assets/comp/wallet/res/icon/export-account.png.meta b/assets/comp/wallet/res/icon/export-account.png.meta
new file mode 100644
index 0000000..ac43f01
--- /dev/null
+++ b/assets/comp/wallet/res/icon/export-account.png.meta
@@ -0,0 +1,31 @@
+{
+  "ver": "2.2.0",
+  "uuid": "999a2bf0-452d-459d-b628-bdd629dfbcbc",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "subMetas": {
+    "export-account": {
+      "ver": "1.0.4",
+      "uuid": "eb181377-d56b-4ee2-b3cc-9ec7367080eb",
+      "rawTextureUuid": "999a2bf0-452d-459d-b628-bdd629dfbcbc",
+      "trimType": "custom",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 0,
+      "trimY": 0,
+      "width": 128,
+      "height": 128,
+      "rawWidth": 128,
+      "rawHeight": 128,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/res/icon/history.png b/assets/comp/wallet/res/icon/history.png
new file mode 100644
index 0000000..705333a
Binary files /dev/null and b/assets/comp/wallet/res/icon/history.png differ
diff --git a/assets/comp/wallet/res/icon/history.png.meta b/assets/comp/wallet/res/icon/history.png.meta
new file mode 100644
index 0000000..68b247e
--- /dev/null
+++ b/assets/comp/wallet/res/icon/history.png.meta
@@ -0,0 +1,31 @@
+{
+  "ver": "2.2.0",
+  "uuid": "65611a37-8ff6-4e95-adf2-cf0ab12721c6",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "subMetas": {
+    "history": {
+      "ver": "1.0.4",
+      "uuid": "c2eed000-f86f-4a6b-b25e-338e9e8f012f",
+      "rawTextureUuid": "65611a37-8ff6-4e95-adf2-cf0ab12721c6",
+      "trimType": "custom",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 0,
+      "trimY": 0,
+      "width": 128,
+      "height": 128,
+      "rawWidth": 128,
+      "rawHeight": 128,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/res/icon/import-account.png b/assets/comp/wallet/res/icon/import-account.png
new file mode 100644
index 0000000..3c1e549
Binary files /dev/null and b/assets/comp/wallet/res/icon/import-account.png differ
diff --git a/assets/comp/wallet/res/icon/import-account.png.meta b/assets/comp/wallet/res/icon/import-account.png.meta
new file mode 100644
index 0000000..aaed7fa
--- /dev/null
+++ b/assets/comp/wallet/res/icon/import-account.png.meta
@@ -0,0 +1,31 @@
+{
+  "ver": "2.2.0",
+  "uuid": "34edec32-02b1-417b-be02-63a9d1407cc1",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "subMetas": {
+    "import-account": {
+      "ver": "1.0.4",
+      "uuid": "90bf1e2d-12ad-46e5-a4e8-a38ee60dffa4",
+      "rawTextureUuid": "34edec32-02b1-417b-be02-63a9d1407cc1",
+      "trimType": "custom",
+      "trimThreshold": 0,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 0,
+      "trimY": 0,
+      "width": 128,
+      "height": 128,
+      "rawWidth": 128,
+      "rawHeight": 128,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/res/icon/menu.png b/assets/comp/wallet/res/icon/menu.png
new file mode 100644
index 0000000..a0cc3bc
Binary files /dev/null and b/assets/comp/wallet/res/icon/menu.png differ
diff --git a/assets/comp/wallet/res/icon/menu.png.meta b/assets/comp/wallet/res/icon/menu.png.meta
new file mode 100644
index 0000000..bda1def
--- /dev/null
+++ b/assets/comp/wallet/res/icon/menu.png.meta
@@ -0,0 +1,31 @@
+{
+  "ver": "2.2.0",
+  "uuid": "f13e3a2a-cb07-497c-8378-9bede375158f",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "subMetas": {
+    "menu": {
+      "ver": "1.0.4",
+      "uuid": "79264fc6-64dd-4649-844f-f050dba8ecce",
+      "rawTextureUuid": "f13e3a2a-cb07-497c-8378-9bede375158f",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": -0.5,
+      "trimX": 17,
+      "trimY": 18,
+      "width": 94,
+      "height": 93,
+      "rawWidth": 128,
+      "rawHeight": 128,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/res/icon/new-account.png b/assets/comp/wallet/res/icon/new-account.png
new file mode 100644
index 0000000..8732bcb
Binary files /dev/null and b/assets/comp/wallet/res/icon/new-account.png differ
diff --git a/assets/comp/wallet/res/icon/new-account.png.meta b/assets/comp/wallet/res/icon/new-account.png.meta
new file mode 100644
index 0000000..a599403
--- /dev/null
+++ b/assets/comp/wallet/res/icon/new-account.png.meta
@@ -0,0 +1,31 @@
+{
+  "ver": "2.2.0",
+  "uuid": "cda1b892-d230-407d-896a-fb0e5754644d",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "subMetas": {
+    "new-account": {
+      "ver": "1.0.4",
+      "uuid": "67fd1c96-89a2-4949-b807-226052342b6c",
+      "rawTextureUuid": "cda1b892-d230-407d-896a-fb0e5754644d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 0,
+      "trimY": 0,
+      "width": 128,
+      "height": 128,
+      "rawWidth": 128,
+      "rawHeight": 128,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/res/ui/bg-blue.png b/assets/comp/wallet/res/ui/bg-blue.png
index 4512013..3901f6b 100755
Binary files a/assets/comp/wallet/res/ui/bg-blue.png and b/assets/comp/wallet/res/ui/bg-blue.png differ
diff --git a/assets/comp/wallet/res/ui/bg-blue.png.meta b/assets/comp/wallet/res/ui/bg-blue.png.meta
index 4f779b6..b6fbbe8 100644
--- a/assets/comp/wallet/res/ui/bg-blue.png.meta
+++ b/assets/comp/wallet/res/ui/bg-blue.png.meta
@@ -17,14 +17,14 @@
       "offsetY": 0,
       "trimX": 0,
       "trimY": 0,
-      "width": 425,
-      "height": 404,
-      "rawWidth": 425,
-      "rawHeight": 404,
-      "borderTop": 0,
-      "borderBottom": 0,
-      "borderLeft": 0,
-      "borderRight": 0,
+      "width": 40,
+      "height": 39,
+      "rawWidth": 40,
+      "rawHeight": 39,
+      "borderTop": 11,
+      "borderBottom": 10,
+      "borderLeft": 11,
+      "borderRight": 10,
       "subMetas": {}
     }
   }
diff --git a/assets/comp/wallet/scripts/ui/IconBtn.ts b/assets/comp/wallet/scripts/ui/IconBtn.ts
new file mode 100644
index 0000000..bf38156
--- /dev/null
+++ b/assets/comp/wallet/scripts/ui/IconBtn.ts
@@ -0,0 +1,26 @@
+const {ccclass, property} = cc._decorator;
+
+
+@ccclass
+export default class IconBtn extends cc.Component {
+    @property(cc.Sprite)
+    btnSprite: cc.Sprite = null
+    @property(cc.Label)
+    titleLabel: cc.Label = null
+    callback: (title: string) => void
+    start () {
+
+    }
+    init(title: string, icon: cc.SpriteFrame) {
+      this.btnSprite.spriteFrame = icon
+      this.titleLabel.string = title
+    }
+
+    bindCallback(method: (title: string) => void) {
+      this.callback = method
+    }
+
+    onBtnClicked() {
+      this.callback && this.callback(this.titleLabel.string)
+    }
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/scripts/ui/IconBtn.ts.meta b/assets/comp/wallet/scripts/ui/IconBtn.ts.meta
new file mode 100644
index 0000000..6396110
--- /dev/null
+++ b/assets/comp/wallet/scripts/ui/IconBtn.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.0.5",
+  "uuid": "32f5c2f2-d94a-4661-bcb7-af9575639433",
+  "isPlugin": false,
+  "loadPluginInWeb": true,
+  "loadPluginInNative": true,
+  "loadPluginInEditor": false,
+  "subMetas": {}
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/scripts/ui/MenuPanel.ts b/assets/comp/wallet/scripts/ui/MenuPanel.ts
new file mode 100644
index 0000000..1980a4b
--- /dev/null
+++ b/assets/comp/wallet/scripts/ui/MenuPanel.ts
@@ -0,0 +1,85 @@
+import { ZError } from "../common/ZError";
+
+const {ccclass, property} = cc._decorator;
+
+
+@ccclass
+export default class MenuPanel extends cc.Component {
+
+    @property(cc.Prefab)
+    btnPreb: cc.Prefab = null;
+
+    @property(cc.Node)
+    contentNode: cc.Node = null;
+    
+    @property({
+        type: [cc.SpriteFrame]
+    })
+    icons: cc.SpriteFrame[] = []
+
+    inited = false
+    btns = [
+        {title: 'Add Account', callback: this.onAddAccount.bind(this)},
+        {title: 'Import Account',  callback: this.onImportAccount.bind(this)},
+        {title: 'Export Account',  callback: this.onExportAccount.bind(this)},
+        {title: 'Backup Wallet',  callback: this.onBackupWallet.bind(this)},
+        {title: 'Restore Wallet',  callback: this.onRestoreWallet.bind(this)},
+        {title: 'Activity', callback: this.onActivity.bind(this)},
+    ]
+
+    // LIFE-CYCLE CALLBACKS:
+
+    // onLoad () {}
+
+    start () {
+        this.layoutBtns()
+    }
+
+    // update (dt) {}
+    onCloseClick() {
+        this.node.active = false
+    }
+
+    layoutBtns() {
+        if (this.inited) {
+            return
+        }
+        this.contentNode.removeAllChildren()
+        let count = Math.min(this.btns.length, this.icons.length)
+        for (let i = 0; i < count; i++) {
+            this.addOneBtn(this.btns[i], this.icons[i])
+        }
+        this.inited = true
+    }
+
+    addOneBtn(data: any, icon: cc.SpriteFrame) {
+        let btn = cc.instantiate(this.btnPreb)
+        btn.getComponent('IconBtn').init(data.title, icon)
+        btn.getComponent('IconBtn').bindCallback(this.onIconBtnClicked.bind(this))
+        this.contentNode.addChild(btn)
+    }
+    onIconBtnClicked(title: string) {
+        let obj = this.btns.find(o => o.title === title)
+        obj && obj.callback && obj.callback()
+    }
+    
+    onAddAccount() {
+        console.log(this.inited)
+        console.log('onAddAccount: ')
+    }
+    onImportAccount() {
+        console.log('onImportAccount: ')
+    }
+    onExportAccount() {
+        console.log('onExportAccount: ')
+    }
+    onBackupWallet() {
+        console.log('onBackupWallet: ')
+    }
+    onRestoreWallet() {
+        console.log('onRestoreWallet: ')
+    }
+    onActivity() {
+        console.log('onActivity: ')
+    }
+}
diff --git a/assets/comp/wallet/scripts/ui/MenuPanel.ts.meta b/assets/comp/wallet/scripts/ui/MenuPanel.ts.meta
new file mode 100644
index 0000000..e47187e
--- /dev/null
+++ b/assets/comp/wallet/scripts/ui/MenuPanel.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.0.5",
+  "uuid": "f2e8569b-6753-4373-9f28-052acf9b4e7b",
+  "isPlugin": false,
+  "loadPluginInWeb": true,
+  "loadPluginInNative": true,
+  "loadPluginInEditor": false,
+  "subMetas": {}
+}
\ No newline at end of file
diff --git a/assets/comp/wallet/scripts/ui/WalletInfo.ts b/assets/comp/wallet/scripts/ui/WalletInfo.ts
index 35df583..7aa8a72 100644
--- a/assets/comp/wallet/scripts/ui/WalletInfo.ts
+++ b/assets/comp/wallet/scripts/ui/WalletInfo.ts
@@ -45,7 +45,7 @@ export default class WalletInfo extends WalletBase {
 
     formatAddress() {
         if (this.accountId.length >= 10) {
-            return this.accountId.substring(0, 8) + '...' + this.accountId.substring(this.accountId.length - 8)
+            return this.accountId.substring(0, 6) + '...' + this.accountId.substring(this.accountId.length - 4)
         } else if (this.accountId.length > 0 && this.accountId.length < 10) {
             return this.accountId
         } else {
diff --git a/assets/comp/wallet/scripts/ui/WalletMainPanel.ts b/assets/comp/wallet/scripts/ui/WalletMainPanel.ts
index e33a9b1..27b76c9 100644
--- a/assets/comp/wallet/scripts/ui/WalletMainPanel.ts
+++ b/assets/comp/wallet/scripts/ui/WalletMainPanel.ts
@@ -18,6 +18,9 @@ export default class WalletMainPanel extends WalletBase {
     })
     listNode: ListNode = null
 
+    @property(cc.Node)
+    menuPanel: cc.Node = null
+
     // LIFE-CYCLE CALLBACKS:
 
     // onLoad () {}
@@ -41,4 +44,8 @@ export default class WalletMainPanel extends WalletBase {
 
         }
     }
+
+    onMenuClick() {
+        this.menuPanel.active = true
+    }
 }
diff --git a/assets/scenes/main.fire b/assets/scenes/main.fire
index 1cac2a7..081ef16 100644
--- a/assets/scenes/main.fire
+++ b/assets/scenes/main.fire
@@ -17,7 +17,7 @@
         "__id__": 2
       },
       {
-        "__id__": 189
+        "__id__": 215
       }
     ],
     "_active": false,
@@ -87,13 +87,13 @@
     "_level": 1,
     "_components": [
       {
-        "__id__": 186
+        "__id__": 212
       },
       {
-        "__id__": 187
+        "__id__": 213
       },
       {
-        "__id__": 190
+        "__id__": 216
       }
     ],
     "_prefab": null,
@@ -4635,26 +4635,32 @@
         "__id__": 107
       },
       {
-        "__id__": 118
+        "__id__": 111
       },
       {
         "__id__": 122
       },
       {
-        "__id__": 141
+        "__id__": 126
+      },
+      {
+        "__id__": 145
+      },
+      {
+        "__id__": 187
       }
     ],
     "_active": true,
     "_level": 1,
     "_components": [
       {
-        "__id__": 183
+        "__id__": 209
       },
       {
-        "__id__": 184
+        "__id__": 210
       },
       {
-        "__id__": 185
+        "__id__": 211
       }
     ],
     "_prefab": null,
@@ -4873,6 +4879,177 @@
     "handler": "hideWallet",
     "customEventData": ""
   },
+  {
+    "__type__": "cc.Node",
+    "_name": "menuBtn",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 102
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 2,
+    "_components": [
+      {
+        "__id__": 108
+      },
+      {
+        "__id__": 109
+      }
+    ],
+    "_prefab": null,
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 32,
+      "height": 32
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_position": {
+      "__type__": "cc.Vec3",
+      "x": 469,
+      "y": 218,
+      "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": "a3qqResixPp5riMU2VQLwG"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 107
+    },
+    "_enabled": true,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "79264fc6-64dd-4649-844f-f050dba8ecce"
+    },
+    "_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": "94gbL2OFxAraHaFJyj9Teh"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 107
+    },
+    "_enabled": true,
+    "duration": 0.1,
+    "zoomScale": 1.2,
+    "clickEvents": [
+      {
+        "__id__": 110
+      }
+    ],
+    "_N$interactable": true,
+    "_N$enableAutoGrayEffect": false,
+    "_N$transition": 3,
+    "transition": 3,
+    "_N$normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_N$pressedColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "pressedColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_N$hoverColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "hoverColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_N$disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_N$normalSprite": null,
+    "_N$pressedSprite": null,
+    "pressedSprite": null,
+    "_N$hoverSprite": null,
+    "hoverSprite": null,
+    "_N$disabledSprite": null,
+    "_N$target": null,
+    "_id": "08K3HFDDlDybpLJCTu6Obe"
+  },
+  {
+    "__type__": "cc.ClickEvent",
+    "target": {
+      "__id__": 102
+    },
+    "component": "",
+    "_componentId": "594f2WJsKxM5I3ddlVjq1qT",
+    "handler": "onMenuClick",
+    "customEventData": ""
+  },
   {
     "__type__": "cc.Node",
     "_name": "chainList",
@@ -4882,20 +5059,20 @@
     },
     "_children": [
       {
-        "__id__": 108
+        "__id__": 112
       }
     ],
     "_active": true,
     "_level": 2,
     "_components": [
       {
-        "__id__": 115
+        "__id__": 119
       },
       {
-        "__id__": 116
+        "__id__": 120
       },
       {
-        "__id__": 117
+        "__id__": 121
       }
     ],
     "_prefab": null,
@@ -4948,25 +5125,25 @@
     "_name": "chianBtn",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 107
+      "__id__": 111
     },
     "_children": [
       {
-        "__id__": 109
+        "__id__": 113
       }
     ],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 112
+        "__id__": 116
       },
       {
-        "__id__": 113
+        "__id__": 117
       }
     ],
     "_prefab": {
-      "__id__": 114
+      "__id__": 118
     },
     "_opacity": 255,
     "_color": {
@@ -5017,18 +5194,18 @@
     "_name": "titleLabel",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 108
+      "__id__": 112
     },
     "_children": [],
     "_active": true,
     "_level": 4,
     "_components": [
       {
-        "__id__": 110
+        "__id__": 114
       }
     ],
     "_prefab": {
-      "__id__": 111
+      "__id__": 115
     },
     "_opacity": 255,
     "_color": {
@@ -5079,7 +5256,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 109
+      "__id__": 113
     },
     "_enabled": true,
     "_useOriginalSize": false,
@@ -5102,7 +5279,7 @@
   {
     "__type__": "cc.PrefabInfo",
     "root": {
-      "__id__": 108
+      "__id__": 112
     },
     "asset": {
       "__uuid__": "0c374587-de82-47c2-89ba-6219ee24d576"
@@ -5115,7 +5292,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 108
+      "__id__": 112
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -5143,7 +5320,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 108
+      "__id__": 112
     },
     "_enabled": true,
     "titleLabel": null,
@@ -5173,7 +5350,7 @@
   {
     "__type__": "cc.PrefabInfo",
     "root": {
-      "__id__": 108
+      "__id__": 112
     },
     "asset": {
       "__uuid__": "0c374587-de82-47c2-89ba-6219ee24d576"
@@ -5186,7 +5363,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 107
+      "__id__": 111
     },
     "_enabled": true,
     "_layoutSize": {
@@ -5219,7 +5396,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 107
+      "__id__": 111
     },
     "_enabled": true,
     "btns": [],
@@ -5230,11 +5407,11 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 107
+      "__id__": 111
     },
     "_enabled": true,
     "btnGroup": {
-      "__id__": 116
+      "__id__": 120
     },
     "btnPreb": {
       "__uuid__": "0c374587-de82-47c2-89ba-6219ee24d576"
@@ -5253,13 +5430,13 @@
     "_level": 2,
     "_components": [
       {
-        "__id__": 119
+        "__id__": 123
       },
       {
-        "__id__": 120
+        "__id__": 124
       },
       {
-        "__id__": 121
+        "__id__": 125
       }
     ],
     "_prefab": null,
@@ -5312,7 +5489,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 118
+      "__id__": 122
     },
     "_enabled": true,
     "_layoutSize": {
@@ -5345,7 +5522,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 118
+      "__id__": 122
     },
     "_enabled": true,
     "btns": [],
@@ -5356,11 +5533,11 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 118
+      "__id__": 122
     },
     "_enabled": true,
     "btnGroup": {
-      "__id__": 120
+      "__id__": 124
     },
     "btnPreb": {
       "__uuid__": "907f9b53-1333-4900-b166-4ba7a7b6e09f"
@@ -5375,24 +5552,24 @@
       "__id__": 102
     },
     "_children": [
-      {
-        "__id__": 123
-      },
-      {
-        "__id__": 125
-      },
       {
         "__id__": 127
+      },
+      {
+        "__id__": 129
+      },
+      {
+        "__id__": 131
       }
     ],
     "_active": true,
     "_level": 2,
     "_components": [
       {
-        "__id__": 139
+        "__id__": 143
       },
       {
-        "__id__": 140
+        "__id__": 144
       }
     ],
     "_prefab": null,
@@ -5445,14 +5622,14 @@
     "_name": "bar-black",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 122
+      "__id__": 126
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 124
+        "__id__": 128
       }
     ],
     "_prefab": null,
@@ -5505,7 +5682,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 123
+      "__id__": 127
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -5533,14 +5710,14 @@
     "_name": "bar-black",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 122
+      "__id__": 126
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 126
+        "__id__": 130
       }
     ],
     "_prefab": null,
@@ -5593,7 +5770,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 125
+      "__id__": 129
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -5621,21 +5798,21 @@
     "_name": "tokenList",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 122
+      "__id__": 126
     },
     "_children": [
       {
-        "__id__": 128
+        "__id__": 132
       },
       {
-        "__id__": 132
+        "__id__": 136
       }
     ],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 138
+        "__id__": 142
       }
     ],
     "_prefab": null,
@@ -5688,17 +5865,17 @@
     "_name": "icon-plus",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 127
+      "__id__": 131
     },
     "_children": [],
     "_active": true,
     "_level": 4,
     "_components": [
       {
-        "__id__": 129
+        "__id__": 133
       },
       {
-        "__id__": 130
+        "__id__": 134
       }
     ],
     "_prefab": null,
@@ -5751,7 +5928,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 128
+      "__id__": 132
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -5779,14 +5956,14 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 128
+      "__id__": 132
     },
     "_enabled": true,
     "duration": 0.1,
     "zoomScale": 1.2,
     "clickEvents": [
       {
-        "__id__": 131
+        "__id__": 135
       }
     ],
     "_N$interactable": true,
@@ -5847,7 +6024,7 @@
   {
     "__type__": "cc.ClickEvent",
     "target": {
-      "__id__": 127
+      "__id__": 131
     },
     "component": "",
     "_componentId": "b3403XNJS1OX6Fuqi9x9XSl",
@@ -5859,24 +6036,24 @@
     "_name": "tokenNode",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 127
+      "__id__": 131
     },
     "_children": [
       {
-        "__id__": 133
+        "__id__": 137
       }
     ],
     "_active": true,
     "_level": 4,
     "_components": [
       {
-        "__id__": 135
+        "__id__": 139
       },
       {
-        "__id__": 136
+        "__id__": 140
       },
       {
-        "__id__": 137
+        "__id__": 141
       }
     ],
     "_prefab": null,
@@ -5929,14 +6106,14 @@
     "_name": "content",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 132
+      "__id__": 136
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 134
+        "__id__": 138
       }
     ],
     "_prefab": null,
@@ -5989,7 +6166,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 133
+      "__id__": 137
     },
     "_enabled": true,
     "_layoutSize": {
@@ -6022,7 +6199,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 132
+      "__id__": 136
     },
     "_enabled": true,
     "horizontal": false,
@@ -6034,10 +6211,10 @@
     "scrollEvents": [],
     "cancelInnerEvents": true,
     "_N$content": {
-      "__id__": 133
+      "__id__": 137
     },
     "content": {
-      "__id__": 133
+      "__id__": 137
     },
     "_id": "93DE2Y689LTZVFcuKyUjcw"
   },
@@ -6046,7 +6223,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 132
+      "__id__": 136
     },
     "_enabled": true,
     "_spriteFrame": null,
@@ -6061,14 +6238,14 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 132
+      "__id__": 136
     },
     "_enabled": false,
     "tokenPreb": {
       "__uuid__": "e4b00542-5961-4a6a-8ae5-c19d30ac84a2"
     },
     "contentNode": {
-      "__id__": 133
+      "__id__": 137
     },
     "_id": "39qWwkkx9JpKagzlpdhkG0"
   },
@@ -6077,14 +6254,14 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 127
+      "__id__": 131
     },
     "_enabled": true,
     "tokenPreb": {
       "__uuid__": "e4b00542-5961-4a6a-8ae5-c19d30ac84a2"
     },
     "contentNode": {
-      "__id__": 133
+      "__id__": 137
     },
     "_id": "4atyn1nV9LkLftVrZ+uloA"
   },
@@ -6093,14 +6270,14 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 122
+      "__id__": 126
     },
     "_enabled": true,
     "nftListPreb": {
       "__uuid__": "e64be85b-3d9f-4109-8e7d-48847666bf2c"
     },
     "tokenNode": {
-      "__id__": 127
+      "__id__": 131
     },
     "_id": "2bAtuIa1NOrZOOApO/IoR0"
   },
@@ -6109,7 +6286,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 122
+      "__id__": 126
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -6140,12 +6317,6 @@
       "__id__": 102
     },
     "_children": [
-      {
-        "__id__": 142
-      },
-      {
-        "__id__": 144
-      },
       {
         "__id__": 146
       },
@@ -6162,26 +6333,32 @@
         "__id__": 154
       },
       {
-        "__id__": 162
+        "__id__": 156
       },
       {
-        "__id__": 168
+        "__id__": 158
       },
       {
-        "__id__": 170
+        "__id__": 166
       },
       {
         "__id__": 172
+      },
+      {
+        "__id__": 174
+      },
+      {
+        "__id__": 176
       }
     ],
     "_active": true,
     "_level": 2,
     "_components": [
       {
-        "__id__": 181
+        "__id__": 185
       },
       {
-        "__id__": 182
+        "__id__": 186
       }
     ],
     "_prefab": null,
@@ -6234,14 +6411,14 @@
     "_name": "New Sprite",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 141
+      "__id__": 145
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 143
+        "__id__": 147
       }
     ],
     "_prefab": null,
@@ -6294,7 +6471,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 142
+      "__id__": 146
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -6322,14 +6499,14 @@
     "_name": "balanceTitle",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 141
+      "__id__": 145
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 145
+        "__id__": 149
       }
     ],
     "_prefab": null,
@@ -6382,7 +6559,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 144
+      "__id__": 148
     },
     "_enabled": true,
     "_useOriginalSize": false,
@@ -6407,14 +6584,14 @@
     "_name": "balanceLabel",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 141
+      "__id__": 145
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 147
+        "__id__": 151
       }
     ],
     "_prefab": null,
@@ -6467,7 +6644,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 146
+      "__id__": 150
     },
     "_enabled": true,
     "_useOriginalSize": false,
@@ -6492,14 +6669,14 @@
     "_name": "addressTitle",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 141
+      "__id__": 145
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 149
+        "__id__": 153
       }
     ],
     "_prefab": null,
@@ -6552,7 +6729,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 148
+      "__id__": 152
     },
     "_enabled": true,
     "_useOriginalSize": false,
@@ -6577,14 +6754,14 @@
     "_name": "addressLabel",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 141
+      "__id__": 145
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 151
+        "__id__": 155
       }
     ],
     "_prefab": null,
@@ -6598,7 +6775,7 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 93.05,
+      "width": 145.69,
       "height": 40
     },
     "_anchorPoint": {
@@ -6637,12 +6814,12 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 150
+      "__id__": 154
     },
     "_enabled": true,
     "_useOriginalSize": false,
-    "_string": "0x1111122",
-    "_N$string": "0x1111122",
+    "_string": "0x0123456789A",
+    "_N$string": "0x0123456789A",
     "_fontSize": 20,
     "_lineHeight": 40,
     "_enableWrapText": true,
@@ -6662,14 +6839,14 @@
     "_name": "copyBtn",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 141
+      "__id__": 145
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 153
+        "__id__": 157
       }
     ],
     "_prefab": null,
@@ -6693,7 +6870,7 @@
     },
     "_position": {
       "__type__": "cc.Vec3",
-      "x": -146,
+      "x": -204,
       "y": -67,
       "z": 0
     },
@@ -6722,7 +6899,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 152
+      "__id__": 156
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -6750,24 +6927,24 @@
     "_name": "receiveBtn",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 141
+      "__id__": 145
     },
     "_children": [
       {
-        "__id__": 155
+        "__id__": 159
       },
       {
-        "__id__": 157
+        "__id__": 161
       }
     ],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 159
+        "__id__": 163
       },
       {
-        "__id__": 160
+        "__id__": 164
       }
     ],
     "_prefab": null,
@@ -6791,7 +6968,7 @@
     },
     "_position": {
       "__type__": "cc.Vec3",
-      "x": -399,
+      "x": -406,
       "y": -140,
       "z": 0
     },
@@ -6820,14 +6997,14 @@
     "_name": "btn-receive",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 154
+      "__id__": 158
     },
     "_children": [],
     "_active": true,
     "_level": 4,
     "_components": [
       {
-        "__id__": 156
+        "__id__": 160
       }
     ],
     "_prefab": null,
@@ -6880,7 +7057,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 155
+      "__id__": 159
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -6908,14 +7085,14 @@
     "_name": "label",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 154
+      "__id__": 158
     },
     "_children": [],
     "_active": true,
     "_level": 4,
     "_components": [
       {
-        "__id__": 158
+        "__id__": 162
       }
     ],
     "_prefab": null,
@@ -6968,7 +7145,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 157
+      "__id__": 161
     },
     "_enabled": true,
     "_useOriginalSize": false,
@@ -6993,7 +7170,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 154
+      "__id__": 158
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -7021,14 +7198,14 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 154
+      "__id__": 158
     },
     "_enabled": true,
     "duration": 0.1,
     "zoomScale": 1.2,
     "clickEvents": [
       {
-        "__id__": 161
+        "__id__": 165
       }
     ],
     "_N$interactable": true,
@@ -7089,7 +7266,7 @@
   {
     "__type__": "cc.ClickEvent",
     "target": {
-      "__id__": 141
+      "__id__": 145
     },
     "component": "",
     "_componentId": "3fe0aN9jsFD57pMhFser+jv",
@@ -7101,21 +7278,21 @@
     "_name": "sendBtn",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 141
+      "__id__": 145
     },
     "_children": [
       {
-        "__id__": 163
+        "__id__": 167
       },
       {
-        "__id__": 165
+        "__id__": 169
       }
     ],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 167
+        "__id__": 171
       }
     ],
     "_prefab": null,
@@ -7168,14 +7345,14 @@
     "_name": "btn-send",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 162
+      "__id__": 166
     },
     "_children": [],
     "_active": true,
     "_level": 4,
     "_components": [
       {
-        "__id__": 164
+        "__id__": 168
       }
     ],
     "_prefab": null,
@@ -7228,7 +7405,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 163
+      "__id__": 167
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -7256,14 +7433,14 @@
     "_name": "New Label",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 162
+      "__id__": 166
     },
     "_children": [],
     "_active": true,
     "_level": 4,
     "_components": [
       {
-        "__id__": 166
+        "__id__": 170
       }
     ],
     "_prefab": null,
@@ -7316,7 +7493,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 165
+      "__id__": 169
     },
     "_enabled": true,
     "_useOriginalSize": false,
@@ -7341,7 +7518,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 162
+      "__id__": 166
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -7369,14 +7546,14 @@
     "_name": "avator",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 141
+      "__id__": 145
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 169
+        "__id__": 173
       }
     ],
     "_prefab": null,
@@ -7429,7 +7606,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 168
+      "__id__": 172
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -7457,14 +7634,14 @@
     "_name": "nameLabel",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 141
+      "__id__": 145
     },
     "_children": [],
     "_active": true,
     "_level": 3,
     "_components": [
       {
-        "__id__": 171
+        "__id__": 175
       }
     ],
     "_prefab": null,
@@ -7488,7 +7665,7 @@
     },
     "_position": {
       "__type__": "cc.Vec3",
-      "x": -392,
+      "x": -390,
       "y": 64,
       "z": 0
     },
@@ -7517,7 +7694,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 170
+      "__id__": 174
     },
     "_enabled": true,
     "_useOriginalSize": false,
@@ -7542,21 +7719,21 @@
     "_name": "qrNode",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 141
+      "__id__": 145
     },
     "_children": [
       {
-        "__id__": 173
+        "__id__": 177
       },
       {
-        "__id__": 178
+        "__id__": 182
       }
     ],
     "_active": false,
     "_level": 3,
     "_components": [
       {
-        "__id__": 180
+        "__id__": 184
       }
     ],
     "_prefab": null,
@@ -7609,20 +7786,20 @@
     "_name": "New Sprite(Splash)",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 172
+      "__id__": 176
     },
     "_children": [],
     "_active": true,
     "_level": 4,
     "_components": [
       {
-        "__id__": 174
+        "__id__": 178
       },
       {
-        "__id__": 175
+        "__id__": 179
       },
       {
-        "__id__": 176
+        "__id__": 180
       }
     ],
     "_prefab": null,
@@ -7675,7 +7852,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 173
+      "__id__": 177
     },
     "_enabled": true,
     "_srcBlendFactor": 770,
@@ -7703,7 +7880,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 173
+      "__id__": 177
     },
     "_enabled": true,
     "alignMode": 1,
@@ -7730,14 +7907,14 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 173
+      "__id__": 177
     },
     "_enabled": true,
     "duration": 0.1,
     "zoomScale": 1.2,
     "clickEvents": [
       {
-        "__id__": 177
+        "__id__": 181
       }
     ],
     "_N$interactable": true,
@@ -7798,7 +7975,7 @@
   {
     "__type__": "cc.ClickEvent",
     "target": {
-      "__id__": 141
+      "__id__": 145
     },
     "component": "",
     "_componentId": "3fe0aN9jsFD57pMhFser+jv",
@@ -7810,14 +7987,14 @@
     "_name": "qrImgNode",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 172
+      "__id__": 176
     },
     "_children": [],
     "_active": true,
     "_level": 4,
     "_components": [
       {
-        "__id__": 179
+        "__id__": 183
       }
     ],
     "_prefab": null,
@@ -7870,7 +8047,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 178
+      "__id__": 182
     },
     "_enabled": true,
     "lightColor": {
@@ -7894,7 +8071,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 172
+      "__id__": 176
     },
     "_enabled": true,
     "alignMode": 1,
@@ -7921,7 +8098,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 141
+      "__id__": 145
     },
     "_enabled": true,
     "alignMode": 1,
@@ -7948,20 +8125,946 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 141
+      "__id__": 145
     },
     "_enabled": true,
     "addressLabel": {
-      "__id__": 151
+      "__id__": 155
     },
     "balanceLabel": {
-      "__id__": 147
+      "__id__": 151
     },
     "qrNode": {
-      "__id__": 172
+      "__id__": 176
     },
     "_id": "8bO0XBvlFDPJ87FOgdOxUH"
   },
+  {
+    "__type__": "cc.Node",
+    "_name": "menuNode",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 102
+    },
+    "_children": [
+      {
+        "__id__": 188
+      },
+      {
+        "__id__": 192
+      },
+      {
+        "__id__": 194
+      },
+      {
+        "__id__": 196
+      },
+      {
+        "__id__": 198
+      },
+      {
+        "__id__": 200
+      },
+      {
+        "__id__": 204
+      }
+    ],
+    "_active": false,
+    "_level": 2,
+    "_components": [
+      {
+        "__id__": 207
+      },
+      {
+        "__id__": 208
+      }
+    ],
+    "_prefab": null,
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1024,
+      "height": 512
+    },
+    "_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": "263ZmWXZBMaKznay4xGbjg"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "New Sprite(Splash)",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 187
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 3,
+    "_components": [
+      {
+        "__id__": 189
+      },
+      {
+        "__id__": 190
+      },
+      {
+        "__id__": 191
+      }
+    ],
+    "_prefab": null,
+    "_opacity": 97,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1024,
+      "height": 512
+    },
+    "_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": "e1M0SSz1pCmrMtPVFtJezV"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 188
+    },
+    "_enabled": true,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "a23235d1-15db-4b95-8439-a2e005bfff91"
+    },
+    "_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": "327aZwsXVEnZlHroHADalI"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 188
+    },
+    "_enabled": true,
+    "alignMode": 1,
+    "_target": null,
+    "_alignFlags": 45,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_verticalCenter": 0,
+    "_horizontalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_id": "4eGUTXNm5HTLjeinqi3SpS"
+  },
+  {
+    "__type__": "cc.BlockInputEvents",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 188
+    },
+    "_enabled": true,
+    "_id": "d5s8l9cvFDWo/fNwOpa2aV"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "bg-blue",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 187
+    },
+    "_children": [],
+    "_active": false,
+    "_level": 3,
+    "_components": [
+      {
+        "__id__": 193
+      }
+    ],
+    "_prefab": null,
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 400,
+      "height": 350
+    },
+    "_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": "330F7geNVDMbw3FHfRtmS8"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 192
+    },
+    "_enabled": true,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "f201fb81-4964-47e4-a820-bececa838851"
+    },
+    "_type": 1,
+    "_sizeMode": 0,
+    "_fillType": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_state": 0,
+    "_atlas": null,
+    "_id": "be768t0LZCzqPOb0jHx0QB"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "bar-black",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 187
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 3,
+    "_components": [
+      {
+        "__id__": 195
+      }
+    ],
+    "_prefab": null,
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 396,
+      "height": 35
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_position": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 158,
+      "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": "cawI/5DfBHM5iufLlNLjvb"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 194
+    },
+    "_enabled": true,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "040ee26c-fe0c-4996-a957-4c17cd376ff5"
+    },
+    "_type": 1,
+    "_sizeMode": 0,
+    "_fillType": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_state": 0,
+    "_atlas": null,
+    "_id": "12p22ss9BGI6M2dtX1p4bq"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "bar-black",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 187
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 3,
+    "_components": [
+      {
+        "__id__": 197
+      }
+    ],
+    "_prefab": null,
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 396,
+      "height": 35
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_position": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -156,
+      "z": 0
+    },
+    "_scale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_rotationX": 180,
+    "_rotationY": 180,
+    "_quat": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": -1,
+      "w": 6.123233995736766e-17
+    },
+    "_skewX": 0,
+    "_skewY": 0,
+    "groupIndex": 0,
+    "_id": "f3/WiE/89DCp6WHZ8/xA2o"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 196
+    },
+    "_enabled": true,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "040ee26c-fe0c-4996-a957-4c17cd376ff5"
+    },
+    "_type": 1,
+    "_sizeMode": 0,
+    "_fillType": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_state": 0,
+    "_atlas": null,
+    "_id": "d9+13UJf1PDoX9w+EZDfSE"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "menuPanel",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 187
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 3,
+    "_components": [
+      {
+        "__id__": 199
+      }
+    ],
+    "_prefab": null,
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 400,
+      "height": 350
+    },
+    "_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": "4fgNRF1L1HabtsBzV9YPqd"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 198
+    },
+    "_enabled": true,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "f8a72ecb-343d-4c53-9429-112006b05c75"
+    },
+    "_type": 1,
+    "_sizeMode": 0,
+    "_fillType": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_state": 0,
+    "_atlas": null,
+    "_id": "d9jL0VT71BWo+aX9/rR7Pv"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "close",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 187
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 3,
+    "_components": [
+      {
+        "__id__": 201
+      },
+      {
+        "__id__": 202
+      }
+    ],
+    "_prefab": null,
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 32,
+      "height": 32
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_position": {
+      "__type__": "cc.Vec3",
+      "x": 192,
+      "y": 171,
+      "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": "488IMbAAdAp4LuudhutDWL"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 200
+    },
+    "_enabled": true,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "94a5022b-77d8-4fca-b843-c7b59add72aa"
+    },
+    "_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": "b7hjXlko9MkJzzyeEP7kCo"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 200
+    },
+    "_enabled": true,
+    "duration": 0.1,
+    "zoomScale": 1.2,
+    "clickEvents": [
+      {
+        "__id__": 203
+      }
+    ],
+    "_N$interactable": true,
+    "_N$enableAutoGrayEffect": false,
+    "_N$transition": 3,
+    "transition": 3,
+    "_N$normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_N$pressedColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "pressedColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_N$hoverColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "hoverColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_N$disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_N$normalSprite": null,
+    "_N$pressedSprite": null,
+    "pressedSprite": null,
+    "_N$hoverSprite": null,
+    "hoverSprite": null,
+    "_N$disabledSprite": null,
+    "_N$target": null,
+    "_id": "e9CfrIk+hOgYNft+T8gC+X"
+  },
+  {
+    "__type__": "cc.ClickEvent",
+    "target": {
+      "__id__": 187
+    },
+    "component": "",
+    "_componentId": "f2e85abZ1NDc58oBSrPm057",
+    "handler": "onCloseClick",
+    "customEventData": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "contentNode",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 187
+    },
+    "_children": [],
+    "_active": true,
+    "_level": 3,
+    "_components": [
+      {
+        "__id__": 205
+      },
+      {
+        "__id__": 206
+      }
+    ],
+    "_prefab": null,
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 396,
+      "height": 280
+    },
+    "_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": "1cfDUvpZpELJNYna4AkKOt"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 204
+    },
+    "_enabled": true,
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "f201fb81-4964-47e4-a820-bececa838851"
+    },
+    "_type": 1,
+    "_sizeMode": 0,
+    "_fillType": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_state": 0,
+    "_atlas": null,
+    "_id": "40JQPz+L5Dra2PfyU7ZHVZ"
+  },
+  {
+    "__type__": "cc.Layout",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 204
+    },
+    "_enabled": true,
+    "_layoutSize": {
+      "__type__": "cc.Size",
+      "width": 300,
+      "height": 200
+    },
+    "_resize": 0,
+    "_N$layoutType": 3,
+    "_N$padding": 0,
+    "_N$cellSize": {
+      "__type__": "cc.Size",
+      "width": 90,
+      "height": 120
+    },
+    "_N$startAxis": 0,
+    "_N$paddingLeft": 5,
+    "_N$paddingRight": 5,
+    "_N$paddingTop": 5,
+    "_N$paddingBottom": 5,
+    "_N$spacingX": 5,
+    "_N$spacingY": 5,
+    "_N$verticalDirection": 1,
+    "_N$horizontalDirection": 0,
+    "_N$affectedByScale": false,
+    "_id": "f9OPOBE4pGB7ehd2en0apO"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 187
+    },
+    "_enabled": true,
+    "alignMode": 1,
+    "_target": null,
+    "_alignFlags": 45,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_verticalCenter": 0,
+    "_horizontalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_id": "b5wwdmicRHA6C7zUXK+rl7"
+  },
+  {
+    "__type__": "f2e85abZ1NDc58oBSrPm057",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 187
+    },
+    "_enabled": true,
+    "btnPreb": {
+      "__uuid__": "edefc8c1-62a6-49f9-8610-13865e5b0e32"
+    },
+    "contentNode": {
+      "__id__": 204
+    },
+    "icons": [
+      {
+        "__uuid__": "67fd1c96-89a2-4949-b807-226052342b6c"
+      },
+      {
+        "__uuid__": "90bf1e2d-12ad-46e5-a4e8-a38ee60dffa4"
+      },
+      {
+        "__uuid__": "eb181377-d56b-4ee2-b3cc-9ec7367080eb"
+      },
+      {
+        "__uuid__": "ee2ddc55-f2ed-4cbe-a5cb-0e54b85bf647"
+      },
+      {
+        "__uuid__": "8917c4b9-d880-44a8-950b-1bea01707e86"
+      },
+      {
+        "__uuid__": "c2eed000-f86f-4a6b-b25e-338e9e8f012f"
+      }
+    ],
+    "_id": "33Ul50xc5H/aZ5vDbHLgpI"
+  },
   {
     "__type__": "cc.Widget",
     "_name": "",
@@ -8026,10 +9129,13 @@
     },
     "_enabled": true,
     "chainTab": {
-      "__id__": 117
+      "__id__": 121
     },
     "listNode": {
-      "__id__": 139
+      "__id__": 143
+    },
+    "menuPanel": {
+      "__id__": 187
     },
     "_id": "a8YbO7l9lF95gWk3JRycGs"
   },
@@ -8059,7 +9165,7 @@
     },
     "_enabled": true,
     "webview": {
-      "__id__": 188
+      "__id__": 214
     },
     "debugText": {
       "__id__": 6
@@ -8072,7 +9178,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 189
+      "__id__": 215
     },
     "_enabled": true,
     "_useOriginalSize": false,
@@ -8092,7 +9198,7 @@
     "_level": 1,
     "_components": [
       {
-        "__id__": 188
+        "__id__": 214
       }
     ],
     "_prefab": null,