74 lines
2.5 KiB
JavaScript
74 lines
2.5 KiB
JavaScript
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() |