75 lines
2.6 KiB
JavaScript
75 lines
2.6 KiB
JavaScript
class ModelInfo {
|
|
|
|
constructor () {
|
|
utils.SetHeaderTitle(utils.GetQueryString("t"))
|
|
this.GetModelInfoData()
|
|
}
|
|
|
|
async GetModelInfoData() {
|
|
var res = await homeService.modelList({
|
|
page: 0,
|
|
id: utils.GetQueryString("id")
|
|
})
|
|
|
|
// 设置模特的头像，名字，介绍
|
|
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 ModelInfo() |