缩略图

project/mock/webNet/dazzle/index.do.json

@@ -21,7 +21,7 @@
             },
             {
                 "degree": "1",
-                "icon": "//yun.dui88.com/projectxh5/credit-250-250.png",
+                "icon": "//yun.duiba.com.cn/spark/assets/3316b831513d30dfa122e137d541b33aab5907c0.png",
                 "icon2": null,
                 "id": "o05ebd1a6",
                 "index": 2,

project/resource/res.json

@@ -9,7 +9,7 @@
 			"name": "StartScene"
 		},
 		{
-			"keys": "comCloseBtn.png,index_box.png,index_prizeitembg.png,sharemask.png,toastBg.png,waitingBg.png,waitingRot.png,关闭按钮.png,知道啦.png",
+			"keys": "comCloseBtn.png,index_box.png,index_prizeitembg.png,sharemask.png,test.png,toastBg.png,waitingBg.png,waitingRot.png,关闭按钮.png,知道啦.png,观夏四季香薰.png,音响.png",
 			"name": "common"
 		},
 		{

project/src/ResJson.ts

@@ -112,7 +112,7 @@ export const ResJson = {
 			}
 		},
 		{
-			"keys": "comCloseBtn.png,index_box.png,index_prizeitembg.png,sharemask.png,toastBg.png,waitingBg.png,waitingRot.png,关闭按钮.png,知道啦.png",
+			"keys": "comCloseBtn.png,index_box.png,index_prizeitembg.png,sharemask.png,test.png,toastBg.png,waitingBg.png,waitingRot.png,关闭按钮.png,知道啦.png,观夏四季香薰.png,音响.png",
 			"name": "common",
 			"atlas": {
 				"toastBg.png": {
@@ -148,20 +148,53 @@ export const ResJson = {
 					"sh": 298,
 					"ro": true
 				},
-				"index_box.png": {
+				"test.png": {
 					"x": 464,
 					"y": 2,
+					"w": 250,
+					"h": 231,
+					"ox": 0,
+					"oy": 14,
+					"sw": 250,
+					"sh": 250,
+					"ro": true
+				},
+				"音响.png": {
+					"x": 310,
+					"y": 134,
+					"w": 240,
+					"h": 145,
+					"ox": 3,
+					"oy": 59,
+					"sw": 250,
+					"sh": 250,
+					"ro": true
+				},
+				"观夏四季香薰.png": {
+					"x": 457,
+					"y": 254,
+					"w": 212,
+					"h": 224,
+					"ox": 29,
+					"oy": 18,
+					"sw": 250,
+					"sh": 250,
+					"ro": false
+				},
+				"index_box.png": {
+					"x": 2,
+					"y": 488,
 					"w": 181,
 					"h": 198,
 					"ox": 0,
 					"oy": 0,
 					"sw": 181,
 					"sh": 198,
-					"ro": false
+					"ro": true
 				},
 				"waitingBg.png": {
-					"x": 302,
-					"y": 238,
+					"x": 202,
+					"y": 488,
 					"w": 160,
 					"h": 180,
 					"ox": 0,
@@ -171,8 +204,8 @@ export const ResJson = {
 					"ro": false
 				},
 				"index_prizeitembg.png": {
-					"x": 464,
-					"y": 202,
+					"x": 364,
+					"y": 480,
 					"w": 131,
 					"h": 131,
 					"ox": 0,
@@ -183,7 +216,7 @@ export const ResJson = {
 				},
 				"关闭按钮.png": {
 					"x": 302,
-					"y": 420,
+					"y": 376,
 					"w": 60,
 					"h": 60,
 					"ox": 0,
@@ -194,7 +227,7 @@ export const ResJson = {
 				},
 				"waitingRot.png": {
 					"x": 364,
-					"y": 420,
+					"y": 613,
 					"w": 56,
 					"h": 56,
 					"ox": 0,
@@ -204,8 +237,8 @@ export const ResJson = {
 					"ro": false
 				},
 				"comCloseBtn.png": {
-					"x": 597,
-					"y": 202,
+					"x": 302,
+					"y": 438,
 					"w": 48,
 					"h": 48,
 					"ox": 0,
@@ -798,5 +831,5 @@ export const ResJson = {
 			}
 		}
 	],
-	"path": "https://yun.duiba.com.cn/db_games/activity/template/1631254586/resource/"
+	"path": "https://yun.duiba.com.cn/db_games/activity/template/1631674235/resource/"
 }
\ No newline at end of file

project/src/scenes/IndexScene.ts

@@ -82,7 +82,6 @@ export class IndexScene extends Scene {
         ruleBtn.y = (1624 - layers.stageHeight) / 2 + layers.stageHeight*0.05;
         myPrizeBtn.y = (1624 - layers.stageHeight) / 2 + layers.stageHeight*0.05;
         title1.y = (1624 - layers.stageHeight) / 2 + layers.stageHeight * 0.05;
-        console.log( border.y,title1.y,title1.height,title2.height )
         // title2.y = (1624 - layers.stageHeight) / 2 + layers.stageHeight * 0.05 + 89;
         title2.y = (border.y + title1.y - title2.height)/2;
         // const index_moneytips = getObject(this, 'index_moneytips');

project/src/scenes/ScrollItem.ts

 import { RES } from "../../module/RES";
 import { Item } from "../../module/views/Item";
+import { layers } from "../../module/views/layers";
 
 
 export class ScrollItem extends Item {
   constructor() {
     super();
   }
+      private pict;
+      private maskOn;
     initData(i, data) {
       if (!data) return;
+      let pict;
+      let maskOn;
       const contanier = new FYGE.Sprite(RES.getRes("index_prizeitembg.png"));
       this.addChild(contanier);
       FYGE.GlobalLoader.loadImage((e, image) => {
-          const item = this.addChild(new FYGE.Sprite(FYGE.Texture.from(image)));
-          item.width=item.height=100;
-          item.x=item.y=11;
+        const item = this.addChild(new FYGE.Sprite(FYGE.Texture.from(image)));
+        item.addEventListener(FYGE.MouseEvent.CLICK, () => {
+          const mask = new FYGE.Shape();
+          mask.beginFill(0, 0.8); 
+          mask.drawRect(0, 0, 750, 1624);
+          mask.endFill();
+          this.stage.addChild(mask);
+          mask.addEventListener(FYGE.MouseEvent.CLICK, () => {
+            this.stage.removeChild(mask);
+            this.stage.removeChild(this.pict)
+          },this)
+          const large = new FYGE.Sprite(FYGE.Texture.from(image));
+          this.pict = large;
+          this.pict.position.set((750 - 250) / 2, (1624 - 250) / 2);
+          this.pict.anchorX = 250 * 0.5;
+          this.pict.anchorY = 250 * 0.5;
+          this.stage.addChild(this.pict)
+          FYGE.Tween.get(this.pict)
+            .to({ scaleX: 2, scaleY: 2 }, 200)
+        }, this);
+        item.width = item.height = 100;
+        item.x=item.y=11;
     }, data.icon);
   }