56 lines
1.6 KiB
JavaScript
56 lines
1.6 KiB
JavaScript
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(); |