team2_fs/assets/Scripts/Item/ChartBookItem.ts

import { _decorator, Component, Label, Sprite, color, SpriteFrame } from 'cc';
import { ResourcesUtils } from '../core/resourceManager/ResourcesUtils';
import { g } from '../Data/g';
const { ccclass, property } = _decorator;

@ccclass('ChartBookItem')
export class ChartBookItem extends Component {
    @property({ type: Sprite, tooltip: "神将图片" })
    generalSprite: Sprite;
    @property({ type: Label, tooltip: "神将等级文本" })
    lvLabel: Label;
    @property({ type: Label, tooltip: "神将名字文本" })
    nameLabel: Label;

    public async setData(data: any) {
        let img: SpriteFrame = await ResourcesUtils.load("Roles/" + data.lv + "/spriteFrame", SpriteFrame, this.node);
        if (img) {
            this.generalSprite.spriteFrame = img;
            this.lvLabel.string = data.lv;
            this.nameLabel.string = data.name;
            if (g.userData.lv < data.lv) {
                this.generalSprite.color = color(0, 0, 0, 255);
            }
        }
    }
}