class model_info {
    constructor() {
        this.GetModelInfo()
    }
    async GetModelInfo() {
        var res = await indexServe.modelList({

            id: $_GET("id"),
            page: 0
            
        })
        header(res.model_info.name)
        console.log(res)
      
        document.querySelector(".model_info_header").innerHTML = `
            <img src="${res.model_info.portrait}" alt="${res.model_info.name}">
            <div class="right_text">
                <p>${res.model_info.name}</p>
                <span>${res.model_info.explain}</span>
            </div>
        `

        document.querySelector(".tazuop .title").innerText = "她的作品"
        res.data.forEach(v => {
            document.querySelector(".tazuop ul").innerHTML+=
            `
                <li>
                    <div class="newest_img">
                        <a href="./info.html?id=${v.id}">
                            <img src="${v.preview}" alt="${v.title}">
                        </a>
                        <span>${v.total}P</span>
                    </div>
                    <div class="newest_text">
                        <a href="./info.html?id=${v.id}">
                            <p class="t">${v.title}</p>
                            <p class="source">${v.source}</p>
                        </a>
                        <div class="tags">
                        ${
                            (v.tags.map((t) => {
                                return `<div class="tags_item"><a href="./mechanism_info.html?id=${t.id}&type=tags&t=${t.title}">${t.title}</a></div>`
                            })).toString().replace(/,/ig, " ")
                        }
                        </div>
                    </div>
                </li>
            `
        });

        
        document.querySelector(".similar .title").innerText = "类似模特"
        res.similar.forEach((v)=>{
            document.querySelector(".similar .model_list").innerHTML+= `
                <div class="item">
                    <div class="top">
                        <img src="${v.preview}" alt="${v.title}">
                        <span>${v.total}</span>
                    </div>
                    <p>${v.title}</p>
                </div>
            `
        })
        var items = document.querySelectorAll(".similar .model_list .item")
        items.forEach((v,i)=>{
            v.onclick = function () {
                location.href = `model_info.html?id=${res.similar[i].id}&t=${res.similar[i].title}`
            }
        })

    }

    }
new model_info()