feat(gui): 更新UI元素样式和布局

调整按钮、进度条和背景的样式及位置
更新精灵图集引用和尺寸配置
修改进度条模式和填充颜色

assets/resources/gui/element/bar.prefab

@@ -179,7 +179,7 @@
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@c4cca",
+      "__uuid__": "666aafac-e2c4-4580-91da-70192c286746@85a4a",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 1,
@@ -194,7 +194,10 @@
     "_fillRange": 0,
     "_isTrimmedMode": true,
     "_useGrayscale": false,
-    "_atlas": null,
+    "_atlas": {
+      "__uuid__": "666aafac-e2c4-4580-91da-70192c286746",
+      "__expectedType__": "cc.SpriteAtlas"
+    },
     "_id": ""
   },
   {
@@ -276,7 +279,7 @@
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": -150,
+      "x": -147,
       "y": 0,
       "z": 0
     },
@@ -317,8 +320,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 300,
+      "width": 294,
-      "height": 15
+      "height": 9
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -354,10 +357,10 @@
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@439bb",
+      "__uuid__": "666aafac-e2c4-4580-91da-70192c286746@c77b0",
       "__expectedType__": "cc.SpriteFrame"
     },
-    "_type": 3,
+    "_type": 1,
     "_fillType": 0,
     "_sizeMode": 0,
     "_fillCenter": {
@@ -370,7 +373,7 @@
     "_isTrimmedMode": true,
     "_useGrayscale": false,
     "_atlas": {
-      "__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e",
+      "__uuid__": "666aafac-e2c4-4580-91da-70192c286746",
       "__expectedType__": "cc.SpriteAtlas"
     },
     "_id": ""
@@ -393,10 +396,10 @@
     },
     "_alignFlags": 45,
     "_target": null,
-    "_left": 0,
+    "_left": 3,
-    "_right": 0,
+    "_right": 3,
-    "_top": 0,
+    "_top": 3,
-    "_bottom": 0,
+    "_bottom": 3,
     "_horizontalCenter": 0,
     "_verticalCenter": 0,
     "_isAbsLeft": true,
@@ -437,7 +440,7 @@
       "__id__": 1
     },
     "_children": [],
-    "_active": true,
+    "_active": false,
     "_components": [
       {
         "__id__": 19
@@ -694,9 +697,9 @@
     "_barSprite": {
       "__id__": 13
     },
-    "_mode": 2,
+    "_mode": 0,
-    "_totalLength": 1,
+    "_totalLength": 296,
-    "_progress": 0.5,
+    "_progress": 1,
     "_reverse": false,
     "_id": ""
   },

assets/resources/gui/uinfos.plist.meta

@@ -7,23 +7,23 @@
     ".json"
   ],
   "subMetas": {
-    "bd478": {
+    "94922": {
       "importer": "sprite-frame",
-      "uuid": "666aafac-e2c4-4580-91da-70192c286746@bd478",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@94922",
       "displayName": "",
-      "id": "bd478",
+      "id": "94922",
-      "name": "Rarity1",
+      "name": "FillOrangeSmall",
       "userData": {
         "trimThreshold": 1,
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 1,
+        "trimX": 19,
-        "trimY": 438,
+        "trimY": 51,
-        "width": 23,
+        "width": 4,
-        "height": 29,
+        "height": 4,
-        "rawWidth": 23,
+        "rawWidth": 4,
-        "rawHeight": 29,
+        "rawHeight": 4,
         "borderTop": 0,
         "borderBottom": 0,
         "borderLeft": 0,
@@ -53,104 +53,12 @@
       ],
       "subMetas": {}
     },
-    "a3f30": {
+    "85a4a": {
       "importer": "sprite-frame",
-      "uuid": "666aafac-e2c4-4580-91da-70192c286746@a3f30",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@85a4a",
       "displayName": "",
-      "id": "a3f30",
+      "id": "85a4a",
-      "name": "Rarity3",
+      "name": "BubbleHandle",
-      "userData": {
-        "trimThreshold": 1,
-        "rotated": false,
-        "offsetX": 0,
-        "offsetY": 0,
-        "trimX": 26,
-        "trimY": 438,
-        "width": 23,
-        "height": 29,
-        "rawWidth": 23,
-        "rawHeight": 29,
-        "borderTop": 0,
-        "borderBottom": 0,
-        "borderLeft": 0,
-        "borderRight": 0,
-        "packable": true,
-        "pixelsToUnit": 100,
-        "pivotX": 0.5,
-        "pivotY": 0.5,
-        "meshType": 0,
-        "vertices": {
-          "rawPosition": [],
-          "indexes": [],
-          "uv": [],
-          "nuv": [],
-          "minPos": [],
-          "maxPos": []
-        },
-        "isUuid": true,
-        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
-        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
-        "trimType": "auto"
-      },
-      "ver": "1.0.12",
-      "imported": true,
-      "files": [
-        ".json"
-      ],
-      "subMetas": {}
-    },
-    "16a90": {
-      "importer": "sprite-frame",
-      "uuid": "666aafac-e2c4-4580-91da-70192c286746@16a90",
-      "displayName": "",
-      "id": "16a90",
-      "name": "Raritybg",
-      "userData": {
-        "trimThreshold": 1,
-        "rotated": false,
-        "offsetX": 0,
-        "offsetY": 0,
-        "trimX": 51,
-        "trimY": 438,
-        "width": 23,
-        "height": 29,
-        "rawWidth": 23,
-        "rawHeight": 29,
-        "borderTop": 0,
-        "borderBottom": 0,
-        "borderLeft": 0,
-        "borderRight": 0,
-        "packable": true,
-        "pixelsToUnit": 100,
-        "pivotX": 0.5,
-        "pivotY": 0.5,
-        "meshType": 0,
-        "vertices": {
-          "rawPosition": [],
-          "indexes": [],
-          "uv": [],
-          "nuv": [],
-          "minPos": [],
-          "maxPos": []
-        },
-        "isUuid": true,
-        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
-        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
-        "trimType": "auto"
-      },
-      "ver": "1.0.12",
-      "imported": true,
-      "files": [
-        ".json"
-      ],
-      "subMetas": {}
-    },
-    "2b9d2": {
-      "importer": "sprite-frame",
-      "uuid": "666aafac-e2c4-4580-91da-70192c286746@2b9d2",
-      "displayName": "",
-      "id": "2b9d2",
-      "name": "Ribbon1",
       "userData": {
         "trimThreshold": 1,
         "rotated": true,
@@ -158,14 +66,14 @@
         "offsetY": 0,
         "trimX": 1,
         "trimY": 1,
-        "width": 435,
+        "width": 58,
-        "height": 91,
+        "height": 10,
-        "rawWidth": 435,
+        "rawWidth": 58,
-        "rawHeight": 91,
+        "rawHeight": 10,
-        "borderTop": 0,
+        "borderTop": 5,
-        "borderBottom": 0,
+        "borderBottom": 5,
-        "borderLeft": 229,
+        "borderLeft": 29,
-        "borderRight": 205,
+        "borderRight": 29,
         "packable": true,
         "pixelsToUnit": 100,
         "pivotX": 0.5,
@@ -191,23 +99,69 @@
       ],
       "subMetas": {}
     },
-    "9058f": {
+    "c77b0": {
       "importer": "sprite-frame",
-      "uuid": "666aafac-e2c4-4580-91da-70192c286746@9058f",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@c77b0",
       "displayName": "",
-      "id": "9058f",
+      "id": "c77b0",
-      "name": "label1",
+      "name": "FillBlue",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 94,
+        "trimX": 13,
         "trimY": 1,
-        "width": 101,
+        "width": 8,
-        "height": 24,
+        "height": 8,
-        "rawWidth": 101,
+        "rawWidth": 8,
-        "rawHeight": 24,
+        "rawHeight": 8,
+        "borderTop": 4,
+        "borderBottom": 4,
+        "borderLeft": 4,
+        "borderRight": 4,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "159a4": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@159a4",
+      "displayName": "",
+      "id": "159a4",
+      "name": "FillBlueSmall",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 13,
+        "trimY": 59,
+        "width": 4,
+        "height": 4,
+        "rawWidth": 4,
+        "rawHeight": 4,
         "borderTop": 0,
         "borderBottom": 0,
         "borderLeft": 0,
@@ -237,23 +191,69 @@
       ],
       "subMetas": {}
     },
-    "bd43a": {
+    "877e9": {
       "importer": "sprite-frame",
-      "uuid": "666aafac-e2c4-4580-91da-70192c286746@bd43a",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@877e9",
       "displayName": "",
-      "id": "bd43a",
+      "id": "877e9",
-      "name": "label2",
+      "name": "FillGreen",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 94,
+        "trimX": 23,
-        "trimY": 104,
+        "trimY": 1,
-        "width": 101,
+        "width": 8,
-        "height": 24,
+        "height": 8,
-        "rawWidth": 101,
+        "rawWidth": 8,
-        "rawHeight": 24,
+        "rawHeight": 8,
+        "borderTop": 4,
+        "borderBottom": 4,
+        "borderLeft": 4,
+        "borderRight": 4,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "779b0": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@779b0",
+      "displayName": "",
+      "id": "779b0",
+      "name": "FillGreenSmall",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 19,
+        "trimY": 45,
+        "width": 4,
+        "height": 4,
+        "rawWidth": 4,
+        "rawHeight": 4,
         "borderTop": 0,
         "borderBottom": 0,
         "borderLeft": 0,
@@ -283,23 +283,115 @@
       ],
       "subMetas": {}
     },
-    "37aba": {
+    "10d84": {
       "importer": "sprite-frame",
-      "uuid": "666aafac-e2c4-4580-91da-70192c286746@37aba",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@10d84",
       "displayName": "",
-      "id": "37aba",
+      "id": "10d84",
-      "name": "label3",
+      "name": "FillOrange",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 94,
+        "trimX": 13,
-        "trimY": 207,
+        "trimY": 11,
-        "width": 99,
+        "width": 8,
-        "height": 24,
+        "height": 8,
-        "rawWidth": 99,
+        "rawWidth": 8,
-        "rawHeight": 24,
+        "rawHeight": 8,
+        "borderTop": 4,
+        "borderBottom": 4,
+        "borderLeft": 4,
+        "borderRight": 4,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "6820f": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@6820f",
+      "displayName": "",
+      "id": "6820f",
+      "name": "FillPurple",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 23,
+        "trimY": 11,
+        "width": 8,
+        "height": 8,
+        "rawWidth": 8,
+        "rawHeight": 8,
+        "borderTop": 4,
+        "borderBottom": 4,
+        "borderLeft": 4,
+        "borderRight": 4,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "1e076": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@1e076",
+      "displayName": "",
+      "id": "1e076",
+      "name": "FillPurpleSmall",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 25,
+        "trimY": 45,
+        "width": 4,
+        "height": 4,
+        "rawWidth": 4,
+        "rawHeight": 4,
         "borderTop": 0,
         "borderBottom": 0,
         "borderLeft": 0,
@@ -329,23 +421,69 @@
       ],
       "subMetas": {}
     },
-    "67bf9": {
+    "9d371": {
       "importer": "sprite-frame",
-      "uuid": "666aafac-e2c4-4580-91da-70192c286746@67bf9",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@9d371",
       "displayName": "",
-      "id": "67bf9",
+      "id": "9d371",
-      "name": "label4",
+      "name": "FillRed",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 94,
+        "trimX": 13,
-        "trimY": 308,
+        "trimY": 21,
-        "width": 89,
+        "width": 8,
-        "height": 24,
+        "height": 8,
-        "rawWidth": 89,
+        "rawWidth": 8,
-        "rawHeight": 24,
+        "rawHeight": 8,
+        "borderTop": 4,
+        "borderBottom": 4,
+        "borderLeft": 4,
+        "borderRight": 4,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "8e75d": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@8e75d",
+      "displayName": "",
+      "id": "8e75d",
+      "name": "FillRedSmall",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 19,
+        "trimY": 57,
+        "width": 4,
+        "height": 4,
+        "rawWidth": 4,
+        "rawHeight": 4,
         "borderTop": 0,
         "borderBottom": 0,
         "borderLeft": 0,
@@ -375,23 +513,437 @@
       ],
       "subMetas": {}
     },
-    "8dd11": {
+    "5f40e": {
       "importer": "sprite-frame",
-      "uuid": "666aafac-e2c4-4580-91da-70192c286746@8dd11",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@5f40e",
       "displayName": "",
-      "id": "8dd11",
+      "id": "5f40e",
-      "name": "label5",
+      "name": "FillYellow",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 94,
+        "trimX": 23,
-        "trimY": 399,
+        "trimY": 21,
-        "width": 73,
+        "width": 8,
-        "height": 24,
+        "height": 8,
-        "rawWidth": 73,
+        "rawWidth": 8,
-        "rawHeight": 24,
+        "rawHeight": 8,
+        "borderTop": 4,
+        "borderBottom": 4,
+        "borderLeft": 4,
+        "borderRight": 4,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "26d17": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@26d17",
+      "displayName": "",
+      "id": "26d17",
+      "name": "FillYellowSmall",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 25,
+        "trimY": 51,
+        "width": 4,
+        "height": 4,
+        "rawWidth": 4,
+        "rawHeight": 4,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "86ec8": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@86ec8",
+      "displayName": "",
+      "id": "86ec8",
+      "name": "ScrollBarBg",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 25,
+        "trimY": 57,
+        "width": 4,
+        "height": 4,
+        "rawWidth": 4,
+        "rawHeight": 4,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "fbe8b": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@fbe8b",
+      "displayName": "",
+      "id": "fbe8b",
+      "name": "ScrollBarHorizontal",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 13,
+        "trimY": 31,
+        "width": 6,
+        "height": 5,
+        "rawWidth": 6,
+        "rawHeight": 5,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "a4f24": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@a4f24",
+      "displayName": "",
+      "id": "a4f24",
+      "name": "ScrollBarHorizontalDown",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 13,
+        "trimY": 38,
+        "width": 6,
+        "height": 5,
+        "rawWidth": 6,
+        "rawHeight": 5,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "c1a3a": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@c1a3a",
+      "displayName": "",
+      "id": "c1a3a",
+      "name": "ScrollBarHorizontalHover",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 21,
+        "trimY": 31,
+        "width": 6,
+        "height": 5,
+        "rawWidth": 6,
+        "rawHeight": 5,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "3eb36": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@3eb36",
+      "displayName": "",
+      "id": "3eb36",
+      "name": "ScrollBarVertical",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 13,
+        "trimY": 45,
+        "width": 4,
+        "height": 5,
+        "rawWidth": 4,
+        "rawHeight": 5,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "2cbb5": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@2cbb5",
+      "displayName": "",
+      "id": "2cbb5",
+      "name": "ScrollBarVerticalDown",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 21,
+        "trimY": 38,
+        "width": 4,
+        "height": 5,
+        "rawWidth": 4,
+        "rawHeight": 5,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "b029f": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@b029f",
+      "displayName": "",
+      "id": "b029f",
+      "name": "ScrollBarVerticalGold",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 27,
+        "trimY": 38,
+        "width": 4,
+        "height": 5,
+        "rawWidth": 4,
+        "rawHeight": 5,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f46737de-2148-496a-9489-89da75d1f5ed@6c48a",
+        "atlasUuid": "666aafac-e2c4-4580-91da-70192c286746",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "98a00": {
+      "importer": "sprite-frame",
+      "uuid": "666aafac-e2c4-4580-91da-70192c286746@98a00",
+      "displayName": "",
+      "id": "98a00",
+      "name": "ScrollBarVerticalHover",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 13,
+        "trimY": 52,
+        "width": 4,
+        "height": 5,
+        "rawWidth": 4,
+        "rawHeight": 5,
         "borderTop": 0,
         "borderBottom": 0,
         "borderLeft": 0,

assets/resources/gui/uis/bgs/bg_info.prefab

@@ -108,8 +108,8 @@
     },
     "_lscale": {
       "__type__": "cc.Vec3",
-      "x": 5,
+      "x": 7,
-      "y": 5,
+      "y": 7,
       "z": 1
     },
     "_mobility": 0,
@@ -136,8 +136,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 360,
+      "width": 257.14285714285717,
-      "height": 640
+      "height": 457.14285714285717
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -167,13 +167,13 @@
     "_dstBlendFactor": 4,
     "_color": {
       "__type__": "cc.Color",
-      "r": 148,
+      "r": 255,
-      "g": 148,
+      "g": 255,
-      "b": 148,
+      "b": 255,
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@ca3ab",
+      "__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@983f3",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 1,
@@ -286,8 +286,8 @@
     },
     "_lscale": {
       "__type__": "cc.Vec3",
-      "x": 5,
+      "x": 7,
-      "y": 5,
+      "y": 7,
       "z": 1
     },
     "_mobility": 0,
@@ -314,8 +314,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 360,
+      "width": 257.14285714285717,
-      "height": 640
+      "height": 457.14285714285717
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -351,7 +351,7 @@
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@8e66b",
+      "__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@4e43e",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 1,
@@ -464,8 +464,8 @@
     },
     "_lscale": {
       "__type__": "cc.Vec3",
-      "x": 5,
+      "x": 7,
-      "y": 5,
+      "y": 7,
       "z": 1
     },
     "_mobility": 0,
@@ -492,8 +492,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 360,
+      "width": 257.14285714285717,
-      "height": 640
+      "height": 457.14285714285717
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -529,7 +529,7 @@
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@b50f2",
+      "__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@6e6a3",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 1,
@@ -544,7 +544,10 @@
     "_fillRange": 0,
     "_isTrimmedMode": true,
     "_useGrayscale": false,
-    "_atlas": null,
+    "_atlas": {
+      "__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e",
+      "__expectedType__": "cc.SpriteAtlas"
+    },
     "_id": ""
   },
   {

assets/resources/gui/uis/btns/btn_yellow.prefab

@@ -173,7 +173,7 @@
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "deedea09-8f2b-400f-9803-4cfd38e45d1a@f8ede",
+      "__uuid__": "deedea09-8f2b-400f-9803-4cfd38e45d1a@f58dc",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 1,
@@ -271,7 +271,7 @@
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 4,
+      "y": 0,
       "z": 0
     },
     "_lrot": {