class Modelinfo {
    constructor() {
        this.list = [];
        title(query("title"))
        this.appear = true
        this.page = 1
        this.getmodelList();
    }

    async getmodelList() {
        
        var self = this;
        var res = await indexService.modelList({
            id: query("id"),
            page: this.page
        })
        //每次请求接口得到结果，把数组累加
        res.data.forEach(element => {
            this.list.push(element)
        });
        //判断是否第一次请求，是 === 渲染简介 否 === 不渲染
        if (this.appear) {this.modelList($('.title'),res)  }
 
        this.testModelList($('.test'), this.list)  
       
    }
    modelList(father, data) {
        father.innerHTML +=`
             <img src="${data.model_info.portrait}" alt="">
             <div class="name">
                 <p>${data.model_info.name}</p>
                 <p>${data.model_info.explain} </p>
             </div>
         
         `

    }

    testModelList(father, data) {
        data.forEach((value, index) => {
            father.innerHTML += 
            `
           <img src="${value.img_src}" alt="">
            
            `
        })

    }
   
    
}

new Modelinfo();