【修改】修改商城

assets/resources/edt_prefab/Shop/ShopItem.prefab

@@ -24,11 +24,11 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 25
+        "__id__": 28
       }
     ],
     "_prefab": {
-      "__id__": 26
+      "__id__": 29
     },
     "_opacity": 255,
     "_color": {
@@ -89,7 +89,7 @@
         "__id__": 3
       },
       {
-        "__id__": 9
+        "__id__": 6
       },
       {
         "__id__": 12
@@ -99,19 +99,22 @@
       },
       {
         "__id__": 18
+      },
+      {
+        "__id__": 21
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 21
+        "__id__": 24
       },
       {
-        "__id__": 22
+        "__id__": 25
       }
     ],
     "_prefab": {
-      "__id__": 24
+      "__id__": 27
     },
     "_opacity": 255,
     "_color": {
@@ -162,6 +165,111 @@
   },
   {
     "__type__": "cc.Node",
+    "_name": "icon",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 4
+      }
+    ],
+    "_prefab": {
+      "__id__": 5
+    },
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 395,
+      "height": 321
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_trs": {
+      "__type__": "TypedArray",
+      "ctor": "Float64Array",
+      "array": [
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0.6,
+        0.6,
+        1
+      ]
+    },
+    "_eulerAngles": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_skewX": 0,
+    "_skewY": 0,
+    "_is3DNode": false,
+    "_groupIndex": 0,
+    "groupIndex": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "_materials": [
+      {
+        "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+      }
+    ],
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": null,
+    "_type": 0,
+    "_sizeMode": 1,
+    "_fillType": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__uuid__": "78f4e0fb-a10a-4b65-8574-2d5ca9a94ffb"
+    },
+    "fileId": "ffdewSIfdA26ORA777m1q6",
+    "sync": false
+  },
+  {
+    "__type__": "cc.Node",
     "_name": "surfaceBg",
     "_objFlags": 0,
     "_parent": {
@@ -169,17 +277,17 @@
     },
     "_children": [
       {
-        "__id__": 4
+        "__id__": 7
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 7
+        "__id__": 10
       }
     ],
     "_prefab": {
-      "__id__": 8
+      "__id__": 11
     },
     "_opacity": 255,
     "_color": {
@@ -233,17 +341,17 @@
     "_name": "surface",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 3
+      "__id__": 6
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 5
+        "__id__": 8
       }
     ],
     "_prefab": {
-      "__id__": 6
+      "__id__": 9
     },
     "_opacity": 255,
     "_color": {
@@ -297,7 +405,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 4
+      "__id__": 7
     },
     "_enabled": true,
     "_materials": [
@@ -342,7 +450,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 3
+      "__id__": 6
     },
     "_enabled": true,
     "_materials": [
@@ -391,11 +499,11 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 10
+        "__id__": 13
       }
     ],
     "_prefab": {
-      "__id__": 11
+      "__id__": 14
     },
     "_opacity": 255,
     "_color": {
@@ -449,7 +557,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 9
+      "__id__": 12
     },
     "_enabled": true,
     "_materials": [
@@ -498,11 +606,11 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 13
+        "__id__": 16
       }
     ],
     "_prefab": {
-      "__id__": 14
+      "__id__": 17
     },
     "_opacity": 255,
     "_color": {
@@ -556,7 +664,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 12
+      "__id__": 15
     },
     "_enabled": true,
     "_materials": [
@@ -607,11 +715,11 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 16
+        "__id__": 19
       }
     ],
     "_prefab": {
-      "__id__": 17
+      "__id__": 20
     },
     "_opacity": 255,
     "_color": {
@@ -665,7 +773,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 15
+      "__id__": 18
     },
     "_enabled": true,
     "_materials": [
@@ -716,11 +824,11 @@
     "_active": false,
     "_components": [
       {
-        "__id__": 19
+        "__id__": 22
       }
     ],
     "_prefab": {
-      "__id__": 20
+      "__id__": 23
     },
     "_opacity": 255,
     "_color": {
@@ -774,7 +882,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 18
+      "__id__": 21
     },
     "_enabled": true,
     "_materials": [
@@ -858,7 +966,7 @@
     "zoomScale": 1.2,
     "clickEvents": [
       {
-        "__id__": 23
+        "__id__": 26
       }
     ],
     "_N$interactable": true,
@@ -948,22 +1056,25 @@
     },
     "_enabled": true,
     "bg": {
-      "__id__": 21
+      "__id__": 24
     },
     "surfaceBg": {
-      "__id__": 7
+      "__id__": 10
     },
     "surface": {
-      "__id__": 5
+      "__id__": 8
     },
     "itemName": {
-      "__id__": 16
+      "__id__": 19
     },
     "cost": {
-      "__id__": 13
+      "__id__": 16
     },
     "selfButton": {
-      "__id__": 22
+      "__id__": 25
+    },
+    "icon": {
+      "__id__": 4
     },
     "_id": ""
   },

assets/resources/edt_prefab/Shop/ShopMain.prefab

@@ -34,10 +34,13 @@
       },
       {
         "__id__": 215
+      },
+      {
+        "__id__": 216
       }
     ],
     "_prefab": {
-      "__id__": 216
+      "__id__": 217
     },
     "_opacity": 255,
     "_color": {
@@ -8100,6 +8103,17 @@
     "_id": ""
   },
   {
+    "__type__": "34c50r/l89GbL4vjuzGvS5f",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "type": 0,
+    "_id": ""
+  },
+  {
     "__type__": "cc.PrefabInfo",
     "root": {
       "__id__": 1

assets/script/app/view/shop/ShopItem.js

@@ -11,7 +11,8 @@ cc.Class({
         surface: cc.Label,
         itemName: cc.Label,
         cost: cc.Label,
-        selfButton: cc.Button
+        selfButton: cc.Button,
+        icon: cc.Sprite
     },
 
     reloadData (data) {
@@ -26,6 +27,14 @@ cc.Class({
     initUI () {
         if (!this._data) return;
 
+        let config = this._data.itemConfig;
+        let iconPath = cc.js.formatStr("res_image/itemicon/%d", config.id);
+        cc.loader.loadRes(iconPath, cc.SpriteFrame, (error, spriteFrame) => {
+		    if (!error && cc.isValid(this.node, true)) {
+                this.icon.spriteFrame = spriteFrame;
+            }
+		});
+
         let quality = this._data.quality;
         let path = cc.js.formatStr("res_image/itemicon/box-djk0%d", quality);
         cc.loader.loadRes(path, cc.SpriteFrame, (error, spriteFrame) => {