95 lines
2.9 KiB
JavaScript
95 lines
2.9 KiB
JavaScript
class Model_infoList{
|
|
constructor() {
|
|
|
|
this.GetModel_Info();
|
|
|
|
}
|
|
|
|
|
|
|
|
async GetModel_Info() {
|
|
|
|
var res = await model_InfoService.ModelList({
|
|
page:0,
|
|
id:`${urlId}`
|
|
}
|
|
|
|
);
|
|
console.log(res)
|
|
$(".action").append(`
|
|
<i class="iconfont icon-back1"></i>
|
|
<span>${res.model_info.name}</span>
|
|
`)
|
|
$(".model_info_header").append(
|
|
`
|
|
<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>
|
|
`
|
|
)
|
|
|
|
// 遍历模特的作品
|
|
$(".tazuop .title").text('她的作品')
|
|
res.data.forEach(v => {
|
|
$(".tazuop ul").append(
|
|
`
|
|
<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>
|
|
`
|
|
)
|
|
|
|
});
|
|
|
|
// 遍历类似模特
|
|
$(".similar .title").text('类似模特')
|
|
res.similar.forEach((v)=>{
|
|
$(".similar .model_list").append(
|
|
`
|
|
<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}`
|
|
}
|
|
})
|
|
|
|
|
|
}
|
|
}
|
|
var url = document.location.toString();//获取url地址
|
|
var urlParmStr = url.slice(url.indexOf('?')+1);//获取问号后所有的字符串
|
|
var arr = urlParmStr.split('&');//通过&符号将字符串分割转成数组
|
|
var urlId = arr[0].split("=")[1];//获取数组中第一个参数
|
|
var unit_title=arr[1].split("=")[1];//第二个参数
|
|
new Model_infoList(); |