fix(ui): 调整列表元素布局并修正颜色与组件类型

- 交换 rank 和 icon 节点的位置与组件类型
- 调整多个节点的位置、大小和颜色值
- 修正数字对齐方式并减少最大显示位数
- 统一两个预制体的结构修改
This commit is contained in:
walkpan
2026-04-03 08:44:53 +08:00
parent 52ed41bec1
commit 623a3b7fc2
3 changed files with 1166 additions and 562 deletions

View File

@@ -279,7 +279,7 @@
},
"_lpos": {
"__type__": "cc.Vec3",
"x": -307.443,
"x": -297.949,
"y": 0,
"z": 0
},
@@ -351,10 +351,10 @@
"_dstBlendFactor": 4,
"_color": {
"__type__": "cc.Color",
"r": 150,
"g": 137,
"b": 137,
"a": 107
"r": 0,
"g": 0,
"b": 0,
"a": 88
},
"_spriteFrame": {
"__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@1be8d",
@@ -394,7 +394,7 @@
},
{
"__type__": "cc.Node",
"_name": "icon",
"_name": "rank",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
@@ -415,143 +415,7 @@
},
"_lpos": {
"__type__": "cc.Vec3",
"x": -225.769,
"y": 0,
"z": 0
},
"_lrot": {
"__type__": "cc.Quat",
"x": 0,
"y": 0,
"z": 0,
"w": 1
},
"_lscale": {
"__type__": "cc.Vec3",
"x": 0.4,
"y": 0.4,
"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__": 16
},
"_enabled": true,
"__prefab": {
"__id__": 18
},
"_contentSize": {
"__type__": "cc.Size",
"width": 196,
"height": 196
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "f3FZ2e4WdAlrbLUGRUsYWr"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 16
},
"_enabled": true,
"__prefab": {
"__id__": 20
},
"_customMaterial": null,
"_srcBlendFactor": 2,
"_dstBlendFactor": 4,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_spriteFrame": {
"__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@3c257",
"__expectedType__": "cc.SpriteFrame"
},
"_type": 0,
"_fillType": 0,
"_sizeMode": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_useGrayscale": false,
"_atlas": null,
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "3a1k7tlwVCxLQh00tKV0fM"
},
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 1
},
"asset": {
"__id__": 0
},
"fileId": "48P+Tsm3NBj7d/HQO1pX+V",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.Node",
"_name": "rank",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
"__id__": 1
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 23
},
{
"__id__": 25
}
],
"_prefab": {
"__id__": 27
},
"_lpos": {
"__type__": "cc.Vec3",
"x": -309.057,
"x": -299.563,
"y": 0,
"z": 0
},
@@ -584,11 +448,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 22
"__id__": 16
},
"_enabled": true,
"__prefab": {
"__id__": 24
"__id__": 18
},
"_contentSize": {
"__type__": "cc.Size",
@@ -612,11 +476,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 22
"__id__": 16
},
"_enabled": true,
"__prefab": {
"__id__": 26
"__id__": 20
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -687,6 +551,142 @@
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.Node",
"_name": "icon",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
"__id__": 1
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 23
},
{
"__id__": 25
}
],
"_prefab": {
"__id__": 27
},
"_lpos": {
"__type__": "cc.Vec3",
"x": -217.727,
"y": 0,
"z": 0
},
"_lrot": {
"__type__": "cc.Quat",
"x": 0,
"y": 0,
"z": 0,
"w": 1
},
"_lscale": {
"__type__": "cc.Vec3",
"x": 0.35,
"y": 0.35,
"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__": 22
},
"_enabled": true,
"__prefab": {
"__id__": 24
},
"_contentSize": {
"__type__": "cc.Size",
"width": 196,
"height": 196
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "f3FZ2e4WdAlrbLUGRUsYWr"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 22
},
"_enabled": true,
"__prefab": {
"__id__": 26
},
"_customMaterial": null,
"_srcBlendFactor": 2,
"_dstBlendFactor": 4,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_spriteFrame": {
"__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@3c257",
"__expectedType__": "cc.SpriteFrame"
},
"_type": 0,
"_fillType": 0,
"_sizeMode": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_useGrayscale": false,
"_atlas": null,
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "3a1k7tlwVCxLQh00tKV0fM"
},
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 1
},
"asset": {
"__id__": 0
},
"fileId": "48P+Tsm3NBj7d/HQO1pX+V",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.Node",
"_name": "name",
@@ -710,7 +710,7 @@
},
"_lpos": {
"__type__": "cc.Vec3",
"x": -118.463,
"x": -139.467,
"y": 0,
"z": 0
},
@@ -751,7 +751,7 @@
},
"_contentSize": {
"__type__": "cc.Size",
"width": 86,
"width": 66,
"height": 56.4
},
"_anchorPoint": {
@@ -790,8 +790,8 @@
"_string": "名称",
"_horizontalAlign": 1,
"_verticalAlign": 1,
"_actualFontSize": 40,
"_fontSize": 40,
"_actualFontSize": 30,
"_fontSize": 30,
"_fontFamily": "Arial",
"_lineHeight": 40,
"_overflow": 0,
@@ -869,7 +869,7 @@
},
"_lpos": {
"__type__": "cc.Vec3",
"x": 260.394,
"x": 194.478,
"y": 0,
"z": 0
},
@@ -915,7 +915,7 @@
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 1,
"x": 0,
"y": 0.5
},
"_id": ""
@@ -946,8 +946,8 @@
"b": 255,
"a": 255
},
"_string": "9999999",
"_horizontalAlign": 2,
"_string": "999999",
"_horizontalAlign": 0,
"_verticalAlign": 1,
"_actualFontSize": 41,
"_fontSize": 40,
@@ -1028,7 +1028,7 @@
},
"_lpos": {
"__type__": "cc.Vec3",
"x": 298.356,
"x": 152.454,
"y": 0,
"z": 0
},
@@ -1214,6 +1214,7 @@
"__id__": 0
},
"fileId": "43WU05gfVAPr5YF69YW+M4",
"instance": null,
"targetOverrides": null
}
]

View File

@@ -261,7 +261,7 @@
},
{
"__type__": "cc.Node",
"_name": "Shape 674",
"_name": "Shape 675",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
@@ -282,7 +282,7 @@
},
"_lpos": {
"__type__": "cc.Vec3",
"x": -307.443,
"x": -297.949,
"y": 0,
"z": 0
},
@@ -335,7 +335,7 @@
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "bcuDwLGpJN9rsS56nEf7bK"
"fileId": "88rxn7MFJKaLt9gtZ+ncSy"
},
{
"__type__": "cc.Sprite",
@@ -354,10 +354,10 @@
"_dstBlendFactor": 4,
"_color": {
"__type__": "cc.Color",
"r": 150,
"g": 137,
"b": 137,
"a": 107
"r": 0,
"g": 0,
"b": 0,
"a": 88
},
"_spriteFrame": {
"__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@1be8d",
@@ -380,7 +380,7 @@
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "74W37d49xGwqBguSzfiTJU"
"fileId": "cftM9Yja1KLavTQfm9cWMG"
},
{
"__type__": "cc.PrefabInfo",
@@ -390,14 +390,14 @@
"asset": {
"__id__": 0
},
"fileId": "00xQ5tv6lLvptCApmzjEgq",
"fileId": "d0zknbYedN/73vnxv9QxQd",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.Node",
"_name": "icon",
"_name": "rank-001",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
@@ -418,143 +418,7 @@
},
"_lpos": {
"__type__": "cc.Vec3",
"x": -225.769,
"y": 0,
"z": 0
},
"_lrot": {
"__type__": "cc.Quat",
"x": 0,
"y": 0,
"z": 0,
"w": 1
},
"_lscale": {
"__type__": "cc.Vec3",
"x": 0.4,
"y": 0.4,
"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__": 16
},
"_enabled": true,
"__prefab": {
"__id__": 18
},
"_contentSize": {
"__type__": "cc.Size",
"width": 196,
"height": 196
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "c6njNdYiRM3q9OCPLkfDAL"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 16
},
"_enabled": true,
"__prefab": {
"__id__": 20
},
"_customMaterial": null,
"_srcBlendFactor": 2,
"_dstBlendFactor": 4,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_spriteFrame": {
"__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@3c257",
"__expectedType__": "cc.SpriteFrame"
},
"_type": 0,
"_fillType": 0,
"_sizeMode": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_useGrayscale": false,
"_atlas": null,
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "0dhNU+0edHIYoF5wEDwMmO"
},
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 1
},
"asset": {
"__id__": 0
},
"fileId": "abfMYMWxNOB4mGgXq7d50I",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.Node",
"_name": "rank",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
"__id__": 1
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 23
},
{
"__id__": 25
}
],
"_prefab": {
"__id__": 27
},
"_lpos": {
"__type__": "cc.Vec3",
"x": -309.057,
"x": -299.563,
"y": 0,
"z": 0
},
@@ -587,11 +451,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 22
"__id__": 16
},
"_enabled": true,
"__prefab": {
"__id__": 24
"__id__": 18
},
"_contentSize": {
"__type__": "cc.Size",
@@ -607,7 +471,7 @@
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "76/MLkLnZEH7S+jR0Acas/"
"fileId": "bf26f2hMxKYr1aa/Yxmn60"
},
{
"__type__": "cc.Label",
@@ -615,11 +479,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 22
"__id__": 16
},
"_enabled": true,
"__prefab": {
"__id__": 26
"__id__": 20
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -675,7 +539,7 @@
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "ff09EtA7pN75/VUsoB7H+v"
"fileId": "e81id/hvtBfb8r7jWN+wtw"
},
{
"__type__": "cc.PrefabInfo",
@@ -685,14 +549,150 @@
"asset": {
"__id__": 0
},
"fileId": "35VL1yqf1Il6W9AdN8fFqO",
"fileId": "ef9TWVcZdILZ/ssawj4UDR",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.Node",
"_name": "name",
"_name": "icon-001",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
"__id__": 1
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 23
},
{
"__id__": 25
}
],
"_prefab": {
"__id__": 27
},
"_lpos": {
"__type__": "cc.Vec3",
"x": -217.727,
"y": 0,
"z": 0
},
"_lrot": {
"__type__": "cc.Quat",
"x": 0,
"y": 0,
"z": 0,
"w": 1
},
"_lscale": {
"__type__": "cc.Vec3",
"x": 0.35,
"y": 0.35,
"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__": 22
},
"_enabled": true,
"__prefab": {
"__id__": 24
},
"_contentSize": {
"__type__": "cc.Size",
"width": 196,
"height": 196
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "0bYeRDDEJC1qlxEVk4p5X8"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 22
},
"_enabled": true,
"__prefab": {
"__id__": 26
},
"_customMaterial": null,
"_srcBlendFactor": 2,
"_dstBlendFactor": 4,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_spriteFrame": {
"__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@3c257",
"__expectedType__": "cc.SpriteFrame"
},
"_type": 0,
"_fillType": 0,
"_sizeMode": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_useGrayscale": false,
"_atlas": null,
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "37v4HF3JhD4q3bPo3+492s"
},
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 1
},
"asset": {
"__id__": 0
},
"fileId": "d1zMkY8MdPiLy2+NtzbBsD",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.Node",
"_name": "name-001",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
@@ -713,7 +713,7 @@
},
"_lpos": {
"__type__": "cc.Vec3",
"x": -118.463,
"x": -139.467,
"y": 0,
"z": 0
},
@@ -754,7 +754,7 @@
},
"_contentSize": {
"__type__": "cc.Size",
"width": 86,
"width": 66,
"height": 56.4
},
"_anchorPoint": {
@@ -766,7 +766,7 @@
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "feAp2ORRtOMa5v1ld0G8d6"
"fileId": "3bR6zjcfNLEqmSgC0bUuuI"
},
{
"__type__": "cc.Label",
@@ -793,8 +793,8 @@
"_string": "名称",
"_horizontalAlign": 1,
"_verticalAlign": 1,
"_actualFontSize": 40,
"_fontSize": 40,
"_actualFontSize": 30,
"_fontSize": 30,
"_fontFamily": "Arial",
"_lineHeight": 40,
"_overflow": 0,
@@ -834,7 +834,7 @@
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "fboONJYGNERJUTs19VYctc"
"fileId": "6fZx/gHPtCA7FAhWgZI5or"
},
{
"__type__": "cc.PrefabInfo",
@@ -844,14 +844,14 @@
"asset": {
"__id__": 0
},
"fileId": "97FyTRcEVObr4PtXvplIfC",
"fileId": "5cne+9lCVM8oSENT327SLK",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.Node",
"_name": "num",
"_name": "num-001",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
@@ -872,7 +872,7 @@
},
"_lpos": {
"__type__": "cc.Vec3",
"x": 260.394,
"x": 194.478,
"y": 0,
"z": 0
},
@@ -918,14 +918,14 @@
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 1,
"x": 0,
"y": 0.5
},
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "e6PyqQRG9Fgrx8v1qHZNKb"
"fileId": "d95TW1CmtI4bKsSrBme5fP"
},
{
"__type__": "cc.Label",
@@ -949,8 +949,8 @@
"b": 255,
"a": 255
},
"_string": "9999999",
"_horizontalAlign": 2,
"_string": "999999",
"_horizontalAlign": 0,
"_verticalAlign": 1,
"_actualFontSize": 41,
"_fontSize": 40,
@@ -993,7 +993,7 @@
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "4eqf/00m1F26nIpHgi1Q2q"
"fileId": "28YRkRKo9BNZ6AQEpJB+Y7"
},
{
"__type__": "cc.PrefabInfo",
@@ -1003,14 +1003,14 @@
"asset": {
"__id__": 0
},
"fileId": "43bv13voBLopU8GVpkxNNY",
"fileId": "efz7Y7nd9BXKHnhiz7F+2J",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.Node",
"_name": "ItemIcon_Trophy",
"_name": "ItemIcon_Trophy-001",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
@@ -1031,7 +1031,7 @@
},
"_lpos": {
"__type__": "cc.Vec3",
"x": 298.356,
"x": 152.454,
"y": 0,
"z": 0
},
@@ -1084,7 +1084,7 @@
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "27j4I6W79NXIIdJPafQ90t"
"fileId": "5bMPUrhtxKR6iHsKgbg4/v"
},
{
"__type__": "cc.Sprite",
@@ -1129,7 +1129,7 @@
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "eaJHqqlCJCKalyhA89Tu/I"
"fileId": "63ZWCEYdxCS5qoR6gK0/hU"
},
{
"__type__": "cc.PrefabInfo",
@@ -1139,7 +1139,7 @@
"asset": {
"__id__": 0
},
"fileId": "cevWEdnSlGl6vG2djW/COG",
"fileId": "98cegEY9dGZr6Z/GUEuXSv",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
@@ -1217,6 +1217,7 @@
"__id__": 0
},
"fileId": "70V66T2DlAP7ksTOaOBDja",
"instance": null,
"targetOverrides": null
}
]

File diff suppressed because it is too large Load Diff