class Modelinfo {
    constructor() {
        //加载的数组项
        this.list = [];
        //是否首次加载
        this.show = true
        this.page = 1
        this.getmodelList();
    }

    async getmodelList() {
        //this指向 click 有function限定了作用域 在里面this指向了他本身   定义参数 self 解绑作用域
        var self = this;
        var res = await indexServe.modelList({
            id: query("id"),
            page: this.page
        })
        //每次请求接口，把数组累加
        res.data.forEach(element => {
            this.list.push(element)
        });
        //判断是否第一次请求，是 === 渲染简介 否 === 不渲染
        if (this.show) { 
            modelList($('.title'),res) 
        }
        header(res.model_info.name)
        //渲染list
        testModelList($('.test'), this.list)  
        //绑定点击事件
        click($(".icon-xiangxia"), function () {
            //判断当前页数 是否 小于总页数 是 页数page加1  否  提示用户已经加载到最底部
            if (self.page < res.total_page) {
                self.page += 1 
                self.show = false
                self.getmodelList()
            }else{
                alert("骚年，已经到底了")
            }
           
       })
       
    }
   
    
}

new Modelinfo();