refactor(heroInfo): 重构英雄信息UI展示逻辑

1. 移除废弃的fragment_node节点相关代码与引用
2. 调整英雄列表和卡片的布局尺寸与间距
3. 优化碎片数量显示的绑定方式
4. 删除无用的bak备份文件

assets/resources/gui/element/cardlite.prefab

@@ -257,7 +257,7 @@
     "value": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 75,
+      "y": 80,
       "z": 0
     }
   },
@@ -338,8 +338,8 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 160.26666666666668,
+      "width": 200.26666666666665,
-      "height": 200
+      "height": 213.33333333333334
     }
   },
   {
@@ -358,8 +358,8 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 160.26666666666668,
+      "width": 200.26666666666665,
-      "height": 200
+      "height": 213.33333333333334
     }
   },
   {
@@ -379,8 +379,8 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 160.26666666666668,
+      "width": 200.26666666666665,
-      "height": 200
+      "height": 213.33333333333334
     }
   },
   {
@@ -400,7 +400,7 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 152.26666666666668,
+      "width": 192.26666666666665,
       "height": 150
     }
   },
@@ -422,7 +422,7 @@
     "value": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 21,
+      "y": 27.66666666666667,
       "z": 0
     }
   },
@@ -443,7 +443,7 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 152.26666666666668,
+      "width": 192.26666666666665,
       "height": 24
     }
   },
@@ -465,7 +465,7 @@
     "value": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 84,
+      "y": 90.66666666666667,
       "z": 0
     }
   },
@@ -486,7 +486,7 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 140.26666666666668,
+      "width": 180.26666666666665,
       "height": 150
     }
   },
@@ -508,7 +508,7 @@
     "value": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 21,
+      "y": 27.66666666666667,
       "z": 0
     }
   },
@@ -529,8 +529,8 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 160.26666666666668,
+      "width": 200.26666666666665,
-      "height": 200
+      "height": 213.33333333333334
     }
   },
   {
@@ -550,8 +550,8 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 160.26666666666668,
+      "width": 200.26666666666665,
-      "height": 200
+      "height": 213.33333333333334
     }
   },
   {
@@ -571,7 +571,7 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 152.26666666666668,
+      "width": 192.26666666666665,
       "height": 150
     }
   },
@@ -593,7 +593,7 @@
     "value": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 21,
+      "y": 27.66666666666667,
       "z": 0
     }
   },
@@ -614,7 +614,7 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 152.26666666666668,
+      "width": 192.26666666666665,
       "height": 24
     }
   },
@@ -636,7 +636,7 @@
     "value": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 84,
+      "y": 90.66666666666667,
       "z": 0
     }
   },
@@ -657,7 +657,7 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 140.26666666666668,
+      "width": 180.26666666666665,
       "height": 150
     }
   },
@@ -679,7 +679,7 @@
     "value": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 21,
+      "y": 27.66666666666667,
       "z": 0
     }
   },
@@ -752,8 +752,8 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 160.26666666666668,
+      "width": 200.26666666666665,
-      "height": 200
+      "height": 213.33333333333334
     }
   },
   {
@@ -773,8 +773,8 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 160.26666666666668,
+      "width": 200.26666666666665,
-      "height": 200
+      "height": 213.33333333333334
     }
   },
   {
@@ -794,7 +794,7 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 152.26666666666668,
+      "width": 192.26666666666665,
       "height": 150
     }
   },
@@ -816,7 +816,7 @@
     "value": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 21,
+      "y": 27.66666666666667,
       "z": 0
     }
   },
@@ -837,7 +837,7 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 152.26666666666668,
+      "width": 192.26666666666665,
       "height": 24
     }
   },
@@ -859,7 +859,7 @@
     "value": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 84,
+      "y": 90.66666666666667,
       "z": 0
     }
   },
@@ -880,7 +880,7 @@
     ],
     "value": {
       "__type__": "cc.Size",
-      "width": 140.26666666666668,
+      "width": 180.26666666666665,
       "height": 150
     }
   },
@@ -902,7 +902,7 @@
     "value": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 21,
+      "y": 27.66666666666667,
       "z": 0
     }
   },
@@ -937,7 +937,7 @@
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 50.892,
+      "y": 59.957,
       "z": 0
     },
     "_lrot": {
@@ -1083,7 +1083,7 @@
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 89.47899999999998,
+      "y": 103.54399999999998,
       "z": 0
     },
     "_lrot": {
@@ -1244,6 +1244,8 @@
       "__id__": 0
     },
     "fileId": "08p7XmUnpCJKHgFSs+XBKi",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
@@ -1260,8 +1262,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 90,
+      "width": 120,
-      "height": 79.99999999999997
+      "height": 90
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -1312,8 +1314,8 @@
     "_target": null,
     "_left": 15,
     "_right": 15,
-    "_top": 20.521,
+    "_top": 11.456000000000017,
-    "_bottom": 49.479000000000006,
+    "_bottom": 58.54399999999999,
     "_horizontalCenter": 0,
     "_verticalCenter": 0,
     "_isAbsLeft": true,
@@ -1418,7 +1420,7 @@
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 131.674,
+      "y": 141.674,
       "z": 0
     },
     "_lrot": {
@@ -3037,8 +3039,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 120,
+      "width": 150,
-      "height": 150
+      "height": 160
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",

assets/resources/gui/element/heroInfo.prefab

@@ -50,7 +50,7 @@
       }
     ],
     "_prefab": {
-      "__id__": 771
+      "__id__": 777
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -15419,9 +15419,7 @@
     "upgrade_btn": {
       "__id__": 636
     },
-    "fragment_node": {
+    "fragment_node": null,
-      "__id__": 315
-    },
     "chip_node": {
       "__id__": 605
     },
@@ -15439,7 +15437,7 @@
       "__id__": 72
     },
     "fragment_label": {
-      "__id__": 590
+      "__id__": 771
     },
     "upgrade_info_label": {
       "__id__": 596
@@ -15460,6 +15458,165 @@
     "__type__": "cc.CompPrefabInfo",
     "fileId": "74nSIqyBJJwaVyNs9jfBQP"
   },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 772
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 776
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "99/99",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 17,
+    "_fontSize": 17,
+    "_fontFamily": "Arial",
+    "_lineHeight": 20,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "num",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 605
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 773
+      },
+      {
+        "__id__": 771
+      }
+    ],
+    "_prefab": {
+      "__id__": 775
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": -23.919,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 772
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 774
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 46.54150390625,
+      "height": 29.2
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "99GXVOOhxLv6HYFzXD8qI7"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "840izZ1o5N84e/O1jFl7Gl",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "bckAjBBO9Ob5COKSUTDEcI"
+  },
   {
     "__type__": "cc.PrefabInfo",
     "root": {
@@ -15470,7 +15627,11 @@
     },
     "fileId": "ee/zS1qmRJKKqnSQsZ3i2e",
     "instance": null,
-    "targetOverrides": [],
+    "targetOverrides": [
+      {
+        "__id__": 778
+      }
+    ],
     "nestedPrefabInstanceRoots": [
       {
         "__id__": 636
@@ -15506,5 +15667,27 @@
         "__id__": 2
       }
     ]
+  },
+  {
+    "__type__": "cc.TargetOverrideInfo",
+    "source": {
+      "__id__": 769
+    },
+    "sourceInfo": null,
+    "propertyPath": [
+      "fragment_label"
+    ],
+    "target": {
+      "__id__": 605
+    },
+    "targetInfo": {
+      "__id__": 779
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "bckAjBBO9Ob5COKSUTDEcI"
+    ]
   }
 ]

assets/resources/gui/element/heroInfo.prefab.bak.meta

@@ -1,12 +0,0 @@
-{
-  "ver": "1.0.0",
-  "importer": "*",
-  "imported": true,
-  "uuid": "2baaf870-8fbf-41a4-adeb-475c12130c38",
-  "files": [
-    ".bak",
-    ".json"
-  ],
-  "subMetas": {},
-  "userData": {}
-}

assets/resources/gui/element/heros.prefab

@@ -1826,8 +1826,8 @@
     ],
     "value": {
       "__type__": "cc.Vec3",
-      "x": 75,
+      "x": 105,
-      "y": 830,
+      "y": 820,
       "z": 0
     }
   },
@@ -1938,8 +1938,8 @@
     ],
     "value": {
       "__type__": "cc.Vec3",
-      "x": 215,
+      "x": 275,
-      "y": 830,
+      "y": 820,
       "z": 0
     }
   },
@@ -2050,8 +2050,8 @@
     ],
     "value": {
       "__type__": "cc.Vec3",
-      "x": 355,
+      "x": 445,
-      "y": 830,
+      "y": 820,
       "z": 0
     }
   },
@@ -2162,8 +2162,8 @@
     ],
     "value": {
       "__type__": "cc.Vec3",
-      "x": 495,
+      "x": 615,
-      "y": 830,
+      "y": 820,
       "z": 0
     }
   },
@@ -2274,8 +2274,8 @@
     ],
     "value": {
       "__type__": "cc.Vec3",
-      "x": 635,
+      "x": 105,
-      "y": 830,
+      "y": 640,
       "z": 0
     }
   },
@@ -2386,8 +2386,8 @@
     ],
     "value": {
       "__type__": "cc.Vec3",
-      "x": 75,
+      "x": 275,
-      "y": 660,
+      "y": 640,
       "z": 0
     }
   },
@@ -2506,7 +2506,7 @@
       "height": 40
     },
     "_startAxis": 0,
-    "_paddingLeft": 15,
+    "_paddingLeft": 30,
     "_paddingRight": 0,
     "_paddingTop": 20,
     "_paddingBottom": 0,
@@ -2832,9 +2832,9 @@
       "__uuid__": "b8313fa7-28e5-4d92-9d64-a1e0ecb040a8",
       "__expectedType__": "cc.Prefab"
     },
-    "card_w": 120,
+    "card_w": 150,
-    "spacing_x": 10,
+    "spacing_x": 20,
-    "margin_x": 15,
+    "margin_x": 20,
     "_id": ""
   },
   {

assets/script/game/map/HeroInfoComp.ts

@@ -91,10 +91,6 @@ export class HeroInfoComp extends CCComp {
     @property(Node)
     upgrade_btn = null!
 
-    /** 碎片数量显示节点（Label） */
-    @property(Node)
-    fragment_node = null!
-
     /** 碎片图标节点（挂载 ChipComp 用于渲染碎片图标） */
     @property(Node)
     chip_node = null!
@@ -454,9 +450,6 @@ export class HeroInfoComp extends CCComp {
         const fragmentText = isMaxLv
             ? `${growth.fragments} / MAX`
             : `${growth.fragments} / ${needFragments}`;
-        if (this.fragment_node) {
-            this.setLabelText(this.fragment_node, fragmentText);
-        }
         if (this.fragment_label) {
             this.fragment_label.string = fragmentText;
         }