car/assets/script/ui/car_lib/car_lib_bottom.ts

import { _decorator, Component, Label, Node, Sprite, SpriteFrame } from 'cc';
import { base_ui } from '../../fw/base_ui';
const { ccclass, property } = _decorator;

@ccclass('car_lib_bottom')
export class car_lib_bottom extends base_ui {
    @property(Node) btn_num_left:Node = null
    @property(Node) btn_num_right:Node = null
    @property(Node) lab_num:Node = null
    @property(Node) btn_score_sort:Node = null
    @property(Node) btn_jiesuo:Node = null
    @property(SpriteFrame) sf_yijiesuo:SpriteFrame = null
    @property(SpriteFrame) sf_weijiesuo:SpriteFrame = null

    private is_jiesuo:boolean = false
    private m_num_current_count:number = 1
    private m_num_total_count:number = 10

    start() {
        this.onButtonListen(this.btn_num_left, ()=>{
            if(this.m_num_current_count==1) { 
                return 
            }
            this.m_num_current_count -=1
            this.updateNumStatus()
        })
        this.onButtonListen(this.btn_num_right, ()=>{
            if(this.m_num_current_count>=this.m_num_total_count) {
                return
            }
            this.m_num_current_count +=1
            this.updateNumStatus()
        })
        this.onButtonListen(this.btn_score_sort, ()=>{
            
        })
        this.onButtonListen(this.btn_jiesuo, ()=>{
            this.is_jiesuo = !this.is_jiesuo
            this.updateJiesuoStatus()
        })

        this.updateJiesuoStatus()
        this.updateNumStatus()
    }

    updateJiesuoStatus() {
        if(this.is_jiesuo) {
            this.btn_jiesuo.getComponent(Sprite).spriteFrame = this.sf_yijiesuo
        } else {
            this.btn_jiesuo.getComponent(Sprite).spriteFrame = this.sf_weijiesuo
        }
    }

    updateNumStatus() {
        this.lab_num.getComponent(Label).string = this.m_num_current_count + '/' + this.m_num_total_count
    }

}