Merge branch 'master' of gitlab2.dui88.com:MrKwon/babycare_xiaoxiao

mock/miniTb/babycare.getIndex.json

+{
+    "success": true,
+    "code": "1111",
+    "message": "OK",
+    "data": {
+        "power": 100,
+        "currentLevel": 4,
+        "tools": {
+            "STEPS": 1,
+            "BOOMS": 2,
+            "HAMMERS": 3
+        },
+        "prizes": [
+            {
+                "level": 12
+            }
+        ],
+        "visitors": [
+            {
+                "level": 1,
+                "scores": 11111,
+                "stars": 1,
+                "isPrizeLevel": false,
+                "isVisitSuccess": true
+            },
+            {
+                "level": 2,
+                "scores": 22222,
+                "stars": 2,
+                "isPrizeLevel": false,
+                "isVisitSuccess": true
+            },
+            {
+                "level": 3,
+                "scores": 3333,
+                "stars": 3,
+                "isPrizeLevel": false,
+                "isVisitSuccess": true
+            },
+            {
+                "level": 4,
+                "scores": 44444,
+                "stars": 2,
+                "isPrizeLevel": false,
+                "isVisitSuccess": false
+            }
+        ],
+        "isFristLogin": false
+    }
+}

module/views/layers.ts

@@ -33,9 +33,9 @@ class Layers extends FYGE.Container {
             this.addChild(this[arr[i]]);
         }
         //都以底部适配
-        this.sceneLayer.y = -this.stageOffsetY;
+        this.sceneLayer.y = this.stageOffsetY;
         // this.popupLayer.y = -this.stageOffsetY;
-        this.popupLayer.y -= 420 / 2;
+        // this.popupLayer.y -= 420 / 2;
 
         this.shareLayer.y = -this.stageOffsetY;
         //初始化场景层级
@@ -117,4 +117,4 @@ export function destroyLayers() {
     layers.removeChildren();
     //从父级stage移除自己，init会重新加
     if (layers.parent) layers.parent.removeChild(layers)
-}
+}
\ No newline at end of file

resource/res.json

@@ -65,7 +65,7 @@
 			"name": "common"
 		},
 		{
-			"keys": "map_avatar_bg.png,map_bg1.jpg,map_bg2.jpg,map_bg3.jpg,map_check_disable.png,map_check_disable_prize.png,map_check_enable.png,map_check_enable_cur.png,map_prizeBtn.png,map_ruleBtn.png,map_star_disable.png,map_star_enable.png",
+			"keys": "map_avatar_bg.png,map_bg1.jpg,map_bg2.jpg,map_bg3.jpg,map_check_disable.png,map_check_disable_prize.png,map_check_enable.png,map_check_enable_cur.png,map_creditsBg.png,map_energyAdd.png,map_energyBg.png,map_prizeBox.png,map_prizeBtn.png,map_ruleBtn.png,map_star_disable.png,map_star_enable.png,map_taskBtn.png,map_推车.png,map_狐狸气球.png",
 			"name": "map"
 		}
 	],

src/Main.ts

@@ -8,7 +8,7 @@ import { ResJson } from "./ResJson";
 import { destroyNetData, sendTbNet, TbNetName } from "./TaoBaoNet";
 import { SkinJson } from "./SkinJson";
 import { G_EVENT } from "./common/G_EVENT";
-import { MapScene } from "./scene/MapScene";
+import { MapScene } from "./scene/map/MapScene";
 
 /**
  * 全局事件，为了和小程序交互

src/ResJson.ts

@@ -65,7 +65,7 @@ export const ResJson = {
 			"name": "common"
 		},
 		{
-			"keys": "map_avatar_bg.png,map_bg1.jpg,map_bg2.jpg,map_bg3.jpg,map_check_disable.png,map_check_disable_prize.png,map_check_enable.png,map_check_enable_cur.png,map_prizeBtn.png,map_ruleBtn.png,map_star_disable.png,map_star_enable.png",
+			"keys": "map_avatar_bg.png,map_bg1.jpg,map_bg2.jpg,map_bg3.jpg,map_check_disable.png,map_check_disable_prize.png,map_check_enable.png,map_check_enable_cur.png,map_creditsBg.png,map_energyAdd.png,map_energyBg.png,map_prizeBox.png,map_prizeBtn.png,map_ruleBtn.png,map_star_disable.png,map_star_enable.png,map_taskBtn.png,map_推车.png,map_狐狸气球.png",
 			"name": "map"
 		}
 	],

src/TaoBaoNet.ts

@@ -3,13 +3,15 @@ import { GDispatcher } from "./Main";
 
 //接口枚举，包括需要调用淘宝的api，用是否含有兑吧区分，或者单独区分
 export enum TbNetName {
-   
+
     /**
      * 埋点统计  到时改名字
      * activityId   params  elemType
      */
     trackingReport = "squirrelsAdoptRest2c.trackingReport",
 
+    getIndex = "babycare.getIndex",
+
 
     ///////////////////前端调用接口都加个mine
 

src/scene/MapScene.ts

-import { Scene } from "../../module/views/Scene";
-import ScrollPage = FYGE.ScrollPage;
-import Container = FYGE.Container;
-import { Tool } from "../Tools";
-
-export class MapScene extends Scene {
-    private mapContainer: Container = null;
-    private scrollPage: ScrollPage = null;
-
-    public get groupNames(): string[] {
-        return ['map'];
-    }
-
-    protected initUi() {
-        super.initUi();
-
-        this.scrollPage = this.addChild(new ScrollPage(750, 1624, 888, true, true));
-        this.mapContainer = this.scrollPage.view.addChild(new Container());
-
-        let bg3 = this.mapContainer.addChild(Tool.getSprite('map_bg3.jpg'));
-        let bg2 = this.mapContainer.addChild(Tool.getSprite('map_bg2.jpg', 0, bg3.height));
-        let bg1 = this.mapContainer.addChild(Tool.getSprite('map_bg1.jpg', 0, bg3.height + bg2.height));
-
-        this.scrollPage.maxDistance = this.mapContainer.height;
-        this.scrollPage.scrollTo(this.mapContainer.height, 0);
-    }
-
-    public start(data?: any) {
-        super.start(data);
-
-    }
-
-
-    public initEvents() {
-        super.initEvents();
-    }
-
-    public removeEvents() {
-        super.removeEvents();
-    }
-}

src/scene/map/CheckBtn.ts

+import Button = FYGE.Button;
+import { RES } from "../../../module/RES";
+import Container = FYGE.Container;
+import Sprite = FYGE.Sprite;
+import Texture = FYGE.Texture;
+import TextField = FYGE.TextField;
+import { Tool } from "../../Tools";
+import TEXT_ALIGN = FYGE.TEXT_ALIGN;
+import MouseEvent = FYGE.MouseEvent;
+import Point = FYGE.Point;
+
+export enum CHECK_TYPE {
+    COM,   // 普通
+    PRI,  // 奖励
+    CUR,    // 当前
+}
+
+export default class CheckBtn extends Container {
+
+    private btn: Button = null;
+    private checkLabel: TextField = null;
+
+    private star: CheckStar[] = null;
+
+
+    private checkNum: number = null;
+
+    private _starCount = 0;
+    public set starCount(count: number) {
+        if (count > 3) {
+            count = 3;
+        } else if (count < 1) {
+            count = 1;
+        }
+        if (this._starCount == count) return;
+        this._starCount = count;
+        this.star.forEach((value, index) => {
+            value.enabled = (index < count);
+        });
+    }
+
+    private _enabled: boolean = true;
+    public set enabled(enabled: boolean) {
+        if (this._enabled == enabled) return;
+        this._enabled = enabled;
+
+        this.btn.enabled = enabled;
+        this.star.forEach(v => v.visible = enabled);
+        this.checkLabel.visible = false;
+    }
+
+    private _type: CHECK_TYPE = CHECK_TYPE.COM;
+    public set type(type: CHECK_TYPE) {
+        if (this._type == type) return;
+        this._type = type;
+
+        switch (type) {
+            case CHECK_TYPE.COM:
+                // @ts-ignore
+                this.btn.changeTexture(
+                    RES.getRes('map_check_enable.png'),
+                    RES.getRes('map_check_enable.png'),
+                    RES.getRes('map_check_disable.png'));
+
+                this.checkLabel.strokeColor = '#316ec6';
+                break;
+
+            case CHECK_TYPE.PRI:
+                // @ts-ignore
+                this.btn.changeTexture(
+                    RES.getRes('map_check_enable.png'),
+                    RES.getRes('map_check_enable.png'),
+                    RES.getRes('map_check_disable_prize.png'));
+
+                this.checkLabel.strokeColor = '#316ec6';
+                break;
+
+            case CHECK_TYPE.CUR:
+                // @ts-ignore
+                this.btn.changeTexture(
+                    RES.getRes('map_check_enable_cur.png'),
+                    RES.getRes('map_check_enable_cur.png'),
+                    RES.getRes('map_check_disable.png'));
+
+                this.checkLabel.strokeColor = '#a55507';
+                break;
+        }
+    }
+
+    public update() {
+        super.update();
+        let up = this.localToGlobal(new Point(), new Point());
+        let bp = this.localToGlobal(new Point(0, 120), new Point());
+        this.alpha = this.stage.viewRect.isPointIn(up) || this.stage.viewRect.isPointIn(bp);
+    }
+
+
+    constructor(data) {
+        super();
+
+        this.initUi(data);
+    }
+
+    protected initUi(data) {
+        this.btn = this.addChild(new Button(
+            RES.getRes('map_check_enable.png'),
+            RES.getRes('map_check_enable.png'),
+            RES.getRes('map_check_disable.png')
+        ));
+
+        const star1 = this.addChild(new CheckStar());
+        star1.position.set(16.5, 83);
+
+        const star2 = this.addChild(new CheckStar());
+        star2.position.set(42.5, 90);
+
+        const star3 = this.addChild(new CheckStar());
+        star3.position.set(67.5, 83);
+
+        this.star = [star1, star2, star3];
+
+        this.checkNum = data.check;
+        this.checkLabel = this.btn.addChild(Tool.getText(
+            data.check, 30, '#ffffff',
+            TEXT_ALIGN.CENTER, 90, 8, 33
+        ));
+        this.checkLabel.stroke = 2;
+        this.checkLabel.strokeColor = '#316ec6';
+
+        this.addEventListener(MouseEvent.CLICK, () => {
+            console.log(`关卡:${this.checkNum}`);
+        }, this);
+    }
+
+}
+
+class CheckStar extends Sprite {
+
+    private static starEnableTexture: Texture = null;
+    private static starDisableTexture: Texture = null;
+
+    private _enabled: boolean = false;
+
+    public set enabled(enabled: boolean) {
+        this._enabled = enabled;
+        this.texture = enabled ? CheckStar.starEnableTexture : CheckStar.starDisableTexture;
+    }
+
+    constructor() {
+        super(RES.getRes('map_star_disable.png'));
+        CheckStar.starDisableTexture = RES.getRes('map_star_disable.png');
+        CheckStar.starEnableTexture = RES.getRes('map_star_enable.png');
+    }
+
+}

src/scene/map/MapBottom.ts

+import MapPart from "./MapPart";
+import { RES } from "../../../module/RES";
+import Point = FYGE.Point;
+
+export default class MapBottom extends MapPart {
+
+    public static HEIGHT = 1093;
+
+    protected totalCount = 8;
+
+    protected btnPos = [
+        [370, 930],
+        [437, 761],
+        [313, 669],
+        [408, 522],
+        [455, 375],
+        [364, 216],
+        [326, 62],
+        [491, 3],
+    ];
+
+    constructor(data) {
+        super(data);
+        this.data = data;
+
+        this.bg.texture = RES.getRes('map_bg1.jpg');
+        this.initIcon();
+    }
+
+    public update() {
+        super.update();
+        let up = this.localToGlobal(new Point(0, -10), new Point());
+        let bp = this.localToGlobal(new Point(0, MapBottom.HEIGHT + 10), new Point());
+        let ucp = this.localToGlobal(new Point(0, MapBottom.HEIGHT / 4), new Point());
+        let bcp = this.localToGlobal(new Point(0, MapBottom.HEIGHT / 4 * 3), new Point());
+        this.alpha = this.stage.viewRect.isPointIn(up)
+            || this.stage.viewRect.isPointIn(bp)
+            || this.stage.viewRect.isPointIn(ucp)
+            || this.stage.viewRect.isPointIn(bcp);
+    }
+
+    public destroy() {
+        super.destroy();
+    }
+
+}

src/scene/map/MapMid.ts

+import MapPart from "./MapPart";
+import { RES } from "../../../module/RES";
+import Point = FYGE.Point;
+
+export default class MapMid extends MapPart {
+
+    public static HEIGHT = 1635;
+
+    protected totalCount = 10;
+
+    protected btnPos = [
+        [267, 1519],
+        [211, 1325],
+        [338, 1154],
+        [237, 911],
+        [145, 755],
+        [225, 591],
+        [349, 480],
+        [214, 342],
+        [193, 188],
+        [392, 8],
+    ];
+
+    constructor(data) {
+        super(data);
+        this.data = data;
+
+        this.bg.texture = RES.getRes('map_bg2.jpg');
+        this.initIcon();
+    }
+
+    public update() {
+        super.update();
+        let up = this.localToGlobal(new Point(0, -10), new Point());
+        let bp = this.localToGlobal(new Point(0, MapMid.HEIGHT + 10), new Point());
+        let ucp = this.localToGlobal(new Point(0, MapMid.HEIGHT / 4), new Point());
+        let bcp = this.localToGlobal(new Point(0, MapMid.HEIGHT / 4 * 3), new Point());
+        this.alpha = this.stage.viewRect.isPointIn(up)
+            || this.stage.viewRect.isPointIn(bp)
+            || this.stage.viewRect.isPointIn(ucp)
+            || this.stage.viewRect.isPointIn(bcp);
+    }
+
+
+    public destroy() {
+        super.destroy();
+    }
+
+}

src/scene/map/MapPart.ts

+import Sprite = FYGE.Sprite;
+import CheckBtn from "./CheckBtn";
+import { MapScene } from "./MapScene";
+import Container = FYGE.Container;
+
+export default class MapPart extends Container {
+
+    protected data: any = null;
+
+    protected totalCount: number = 0;
+
+    protected btnPos: number[][] = [];
+
+    protected bg: Sprite = null;
+
+    constructor(data) {
+        super();
+        this.bg = this.addChild(new Sprite());
+        this.data = data;
+    }
+
+    protected initIcon() {
+        this.data.forEach((value, index) => {
+            const nBtn = this.addChild(new CheckBtn(value));
+
+            nBtn.position.set(this.btnPos[index][0], this.btnPos[index][1]);
+            MapScene.checkArr[value.check] = nBtn;
+        });
+    }
+}

src/scene/map/MapScene.ts

+import { Scene } from "../../../module/views/Scene";
+import MapBottom from "./MapBottom";
+import MapTop from "./MapTop";
+import MapUI from "./MapUI";
+import MapMid from "./MapMid";
+import CheckBtn, { CHECK_TYPE } from "./CheckBtn";
+import { layers } from "../../../module/views/layers";
+import ScrollPage = FYGE.ScrollPage;
+import Container = FYGE.Container;
+import { sendTbNet, TbNetName } from "../../TaoBaoNet";
+
+export class MapScene extends Scene {
+    private mapContainer: Container = null;
+    private scrollPage: ScrollPage = null;
+
+    public static checkArr: CheckBtn[] = [];   // 关卡按钮容器
+
+    public destroy() {
+        super.destroy();
+        MapScene.checkArr = [];
+    }
+
+    private uiLayer: Container = null;
+
+    public get groupNames(): string[] {
+        return ['map'];
+    }
+
+    protected initUi() {
+        super.initUi();
+
+        sendTbNet(TbNetName.getIndex, {},
+            (success, res) => {
+
+            }
+        );
+
+        this.scrollPage = this.addChild(new ScrollPage(
+            750, layers.stageHeight,
+            888, true, true
+        ));
+        this.mapContainer = this.scrollPage.view.addChild(new Container());
+
+        this.uiLayer = this.addChild(new MapUI());
+
+        this.initMap();
+    }
+
+    public initMap() {
+        const arr = new Array(120);
+
+        for (let i = 0; i < 120; i++) {
+            arr[i] = {
+                starCount: 2,
+                check: i + 1
+            };
+        }
+        const topData = arr.splice(118, 2);  // 得到顶部的数据
+        const bottomData = arr.splice(0, 8); // 得到尾部的数据
+        const midData = arr; // 剩下的是中间的数据
+
+        let maxHeight = MapTop.HEIGHT;
+
+        for (let i = midData.length / 10 - 1; i >= 0; i--) {
+            const data = midData.splice(i * 10, 10);
+            const nMid = new MapMid(data);
+            this.mapContainer.addChild(nMid);
+            nMid.y = maxHeight;
+            maxHeight += MapMid.HEIGHT;
+        }
+
+        const bottom = new MapBottom(bottomData);
+        this.mapContainer.addChild(bottom);
+        bottom.y = maxHeight;
+        maxHeight += MapBottom.HEIGHT;
+
+        this.mapContainer.addChild(new MapTop(topData));    // 最后加，因为有个层级问题
+
+        this.scrollPage.maxDistance = maxHeight;
+        this.scrollPage.scrollTo(maxHeight, 0);
+
+        // MapScene.checkArr.forEach(v => {
+        //     v.type = CHECK_TYPE.PRI;
+        //     v.enabled = false;
+        // });
+        this.scrollToCheck(113);
+        MapScene.checkArr[113].type = CHECK_TYPE.CUR;
+    }
+
+    private scrollToCheck(checkNum: number, time = 0) {
+        if (checkNum < 1) {
+            checkNum = 1;
+        } else if (checkNum > 120) {
+            checkNum = 120;
+        }
+        const check = MapScene.checkArr[checkNum];
+        const checkY = check.y + check.parent.y - 1624 / 2;
+        this.scrollPage.scrollTo(checkY, time);
+    }
+
+    public update() {
+        super.update();
+    }
+
+    public start(data?: any) {
+        super.start(data);
+    }
+
+    public initEvents() {
+        super.initEvents();
+    }
+
+    public removeEvents() {
+        super.removeEvents();
+    }
+}

src/scene/map/MapTop.ts

+import MapPart from "./MapPart";
+import { RES } from "../../../module/RES";
+import Point = FYGE.Point;
+
+export default class MapTop extends MapPart {
+
+    public static HEIGHT = 521;
+
+    protected totalCount = 2;
+
+    public btnPos = [
+        [207, 418],
+        [149, 282],
+    ];
+
+    constructor(data) {
+        super(data);
+
+        this.data = data;
+
+        this.bg.texture = RES.getRes('map_bg3.jpg');
+        this.initIcon();
+    }
+
+    public update() {
+        super.update();
+        let up = this.localToGlobal(new Point(0, -10), new Point());
+        let bp = this.localToGlobal(new Point(0, MapTop.HEIGHT + 10), new Point());
+        let ucp = this.localToGlobal(new Point(0, MapTop.HEIGHT / 4), new Point());
+        let bcp = this.localToGlobal(new Point(0, MapTop.HEIGHT / 4 * 3), new Point());
+        this.alpha = this.stage.viewRect.isPointIn(up)
+            || this.stage.viewRect.isPointIn(bp)
+            || this.stage.viewRect.isPointIn(ucp)
+            || this.stage.viewRect.isPointIn(bcp);
+    }
+
+    public destroy() {
+        super.destroy();
+    }
+
+}

src/scene/map/MapUI.ts

+import Container = FYGE.Container;
+import Button = FYGE.Button;
+import TextField = FYGE.TextField;
+import Sprite = FYGE.Sprite;
+import TEXT_ALIGN = FYGE.TEXT_ALIGN;
+import { RES } from "../../../module/RES";
+import { Tool } from "../../Tools";
+import MouseEvent = FYGE.MouseEvent;
+
+export default class MapUI extends Container {
+    private myPrizeBtn: Button = null;
+    private ruleBtn: Button = null;
+    private taskBtn: Button = null;
+    private energyBox: EnergyBox = null;
+    private creditsBox: CreditsBox = null;
+    private prizeBox: PrizeBox = null;
+
+    constructor() {
+        super();
+
+        this.initUi();
+        this.initEvent();
+
+    }
+
+    private initEvent() {
+        this.ruleBtn.addEventListener(MouseEvent.CLICK, this.clickBtn, this);
+        this.myPrizeBtn.addEventListener(MouseEvent.CLICK, this.clickBtn, this);
+        this.prizeBox.addEventListener(MouseEvent.CLICK, this.clickBtn, this);
+    }
+
+    private removeEvent() {
+        this.ruleBtn.removeEventListener(MouseEvent.CLICK, this.clickBtn, this);
+        this.myPrizeBtn.removeEventListener(MouseEvent.CLICK, this.clickBtn, this);
+        this.prizeBox.removeEventListener(MouseEvent.CLICK, this.clickBtn, this);
+    }
+
+    private clickBtn(e) {
+        switch (e.target) {
+            case this.ruleBtn:
+                /// TODO 规则
+                console.log('规则');
+                break;
+
+            case this.myPrizeBtn:
+                /// TODO 我的奖品
+                console.log('我的奖品');
+                break;
+
+            case this.prizeBox:
+                /// TODO 奖励盒子
+                console.log('奖励盒子');
+                break;
+        }
+    }
+
+    public destroy() {
+        super.destroy();
+        this.removeEvent();
+    }
+
+    private initUi() {
+        // 我的奖品
+        this.myPrizeBtn = this.addChild(new Button(RES.getRes('map_prizeBtn.png')));
+        this.myPrizeBtn.position.set(0, 185);
+        this.myPrizeBtn.anchorX = 0;
+
+        // 规则按钮
+        this.ruleBtn = this.addChild(new Button(RES.getRes('map_ruleBtn.png')));
+        this.ruleBtn.position.set(0, 104);
+        this.ruleBtn.anchorX = 0;
+
+        // 任务按钮
+        this.taskBtn = this.addChild(new Button(RES.getRes('map_taskBtn.png')));
+        this.taskBtn.position.set(19, 280);
+
+        this.energyBox = this.addChild(new EnergyBox({}));
+        this.creditsBox = this.addChild(new CreditsBox({}));
+        this.prizeBox = this.addChild(new PrizeBox({}));
+
+    }
+}
+
+/**
+ * 能量
+ */
+class EnergyBox extends Container {
+
+    private addBtn: Button = null;
+    private countLabel: TextField = null;
+
+    private _count = 0;
+    public set count(count: number) {
+        this._count = count;
+        this.countLabel.text = '' + count;
+    }
+
+    constructor(data) {
+        super();
+
+        this.initUi(data);
+
+        this.addBtn.addEventListener(MouseEvent.CLICK, this.clickAdd, this);
+    }
+
+    private clickAdd() {
+        /// TODO 增加按钮
+        console.log('增加按钮');
+    }
+
+    private initUi(data) {
+        this.position.set(544, 105);
+
+        this.addChild(Tool.getSprite('map_energyBg.png'));
+        this.addBtn = this.addChild(new Button(RES.getRes('map_energyAdd.png')));
+        this.addBtn.position.set(135, 14);
+
+        this.countLabel = this.addChild(Tool.getText(
+            '0', 20, '#ffffff',
+            TEXT_ALIGN.CENTER, 80, 54, 21
+        ));
+
+    }
+
+    public destroy() {
+        super.destroy();
+        this.addBtn.removeEventListener(MouseEvent.CLICK, this.clickAdd, this);
+    }
+}
+
+/**
+ * 积分
+ */
+class CreditsBox extends Container {
+
+    private countLabel: TextField = null;
+
+    private _count = 0;
+    public set count(count: number) {
+        this._count = count;
+        this.countLabel.text = `积分:${count}`;
+    }
+
+    constructor(data) {
+        super();
+
+        this.initUi(data);
+    }
+
+    private initUi(data) {
+        this.position.set(544, 184);
+
+        this.addChild(Tool.getSprite('map_creditsBg.png'));
+
+        this.countLabel = this.addChild(Tool.getText(
+            '积分:0', 20, '#ffffff',
+            TEXT_ALIGN.CENTER, 105, 58, 21
+        ));
+
+    }
+}
+
+/**
+ * 连续闯关礼盒
+ */
+class PrizeBox extends Button {
+
+    private checkTip: TextField = null;
+    private tip: TextField = null;
+
+    private prizeImg: Sprite = null;
+
+    constructor(data) {
+        super(RES.getRes('map_prizeBox.png'));
+        this.initUi(data);
+        this.initEvent();
+    }
+
+    private initUi(data) {
+        this.position.set(558, 269);
+
+        this.checkTip = this.addChild(Tool.getText(
+            '再闯XXX关', 22,
+            '#ffffff', TEXT_ALIGN.CENTER,
+            158, 0, 64
+        ));
+
+        this.tip = this.addChild(Tool.getText(
+            '参与红包抽奖\n赢XXX优惠券', 17,
+            '#ec5a5a', TEXT_ALIGN.CENTER,
+            158, 0, 112
+        ));
+        this.tip.lineSpacing = 0;
+
+        this.prizeImg = this.addChild(Tool.getSprite('map_star_enable.png', 39, 150));
+        this.prizeImg.width = 80;
+        this.prizeImg.height = 33;
+    }
+
+    initEvent() {
+
+    }
+
+}