class Model {
    constructor () {
        this.GetModelList()
        this.newModelList = []
    }

    async GetModelList() {
        var res = await homeService.allModel({});
        console.log(res);
        var hot_models = res.hot_models;
        var newest = res.newest;

        this.newModelList = [...hot_models, ...newest]
        this.RenderModelItem(hot_models, '.hot_models')
        this.RenderModelItem(newest, '.newest')

    }


    RenderModelItem(data, className) {
        if (className == ".hot_models") {
            document.querySelector(`${className} .title`).innerText='热门模特'
        } else {
            document.querySelector(`${className} .title`).innerText='最新模特'
        }
        data.forEach(v => {
            document.querySelector(`${className} .model_list`).innerHTML+=
            `
                <div class="item">
                    <div class="top">
                        <img src="${v.preview}" alt="${v.title}">
                        ${
                            v.total.length == 0 
                            ? '' 
                            : `<span>${v.total}</span>`
                        }
                    </div>
                    <p>${v.title}</p>
                </div>
            `
        });

        this.BindItemClick()
    }

    BindItemClick() {
        var Item = document.querySelectorAll(".item");
        Item.forEach((v,i)=>{
            v.onclick = () => {
                location.href = `model_info.html?id=${this.newModelList[i].id}&t=${this.newModelList[i].title}`
            }
        })
    }
}

var model = new Model();