squidGame/tgx-games-client/assets/module_arean/ui_choose_hero/ChooseSkinItem.ts

51 lines
1.7 KiB
TypeScript

/************************************************************************************
* FileName : HeroItem.ts
* Description : 英雄选择界面皮肤item
* Version : v1.0.0
* CreateTime : 2024-10-22 09:55:13
* Author :
* Copyright (c) since 2024
* ==============================================================
* Method Description:
*
* ==============================================================
************************************************************************************/
import { _decorator, Component, Node, Label, SpriteFrame, Sprite } from 'cc';
import {resLoader} from "db://assets/core_tgx/base/utils/ResLoader";
import {ModuleDef} from "db://assets/scripts/ModuleDef";
import { ISkinCfg } from '../../module_basic/shared/configs/interface/ISkinCfg';
const { ccclass, property } = _decorator;
@ccclass('ChooseSkinItem')
export class ChooseSkinItem extends Component {
// 英雄图像
@property(Node)
heroIcon: Node = null;
@property(Node)
choose: Node = null;
// 英雄唯一标识
private _heroId : number = null;
private _fun : Function = null;
public initData(data: ISkinCfg,callBack : Function) : void{
this._heroId = data.id;
this._fun = callBack;
this._initIcon(data.id);
}
private _initIcon(id : number) : void{
let sp : SpriteFrame = resLoader.getSpriteFrame(`res/Image/SkinIcon/skinIcon_${id}`,ModuleDef.Arean);
if(sp) this.heroIcon.getComponent(Sprite).spriteFrame = sp;
}
public updateChooseActive(active : boolean) : void{
this.choose.active = active;
}
public clickHero() : void{
this._fun && this._fun(this._heroId);
this.choose.active = true;
}
}