mk_framework/assets/script/game/module/module/sign/SignIconItem.ts

import { RewardState } from "../../../data/GameData";

const { ccclass, property } = cc._decorator;
/**
 * 签到icon组件
 * @author 薛鸿潇
 * - 红包icon：用红包样式
 * - 现金、金猪现金：用提现样式
 */
@ccclass
export default class SignIconItem extends cc.Component {
    @property({ displayName: '提现样式', type: cc.Node })
    private node_cash: cc.Node = null!;
    @property({ displayName: '红包样式', type: cc.Node })
    private node_redbag: cc.Node = null!;
    @property({ displayName: '现金提示', type: cc.Node })
    private node_money: cc.Node = null!;

    @property({ displayName: '天数', type: cc.Label })
    private lbl_day: cc.Label = null!;
    @property({ type: cc.Node, displayName: '蒙版' })
    private node_mask: cc.Node = null!;
    @property({ type: cc.Node, displayName: '勾' })
    private node_gou: cc.Node = null!;

    /** 数据 */
    private icon_data = {
        id: 0,
        reward_type: 0,
        count: 0,
        login_day: 0,
        video_limit: 0,
        state: RewardState.none,
    }

    /**
     * 初始化数据
     */
    public async setItemData(icon_data) {
        await this.initIcon(icon_data);
    }

    /**
     * 初始化icon
     * @param icon_data 数据
     */
    private initIcon(icon_data) {
        if (!icon_data) {
            this.node.active = false;
            return
        }
        this.lbl_day.string = '第' + icon_data.login_day + '天';
        if (icon_data.reward_type) {
            this.node_cash.active = true;
            this.node_redbag.active = false;
            this.lbl_day.node.getComponent(cc.LabelOutline).color = cc.color(DayOutLineColor.cash);
        } else {
            this.node_cash.active = false;
            this.node_redbag.active = true;
            this.lbl_day.node.getComponent(cc.LabelOutline).color = cc.color(DayOutLineColor.red_bag);
        }
        this.icon_data = icon_data;

        // 状态样式
        let state = gData.sign.getStateByDay(icon_data.login_day);
        if (state == RewardState.none) {
            this.node_mask.active = true;
            this.node_gou.active = true;
            this.node_money.active = false;
        } else if (state == RewardState.unlock) {
            this.node_mask.active = false;
            this.node_gou.active = false;
        } else if (state == RewardState.lock) {
            this.node_mask.active = false;
            this.node_gou.active = false;
        }
    }
}

/** 天数描边 */
enum DayOutLineColor {
    /** 红包 */
    red_bag = '#EB3A0E' as any,
    /** 提现 */
    cash = '#2AB718' as any,
}