53 lines
1.2 KiB
JavaScript
53 lines
1.2 KiB
JavaScript
class Modelinfo {
|
|
constructor() {
|
|
this.list = [];
|
|
title(query("title"))
|
|
this.appear = true
|
|
this.page = 1
|
|
this.getmodelList();
|
|
}
|
|
|
|
async getmodelList() {
|
|
|
|
var self = this;
|
|
var res = await indexService.modelList({
|
|
id: query("id"),
|
|
page: this.page
|
|
})
|
|
//每次请求接口得到结果，把数组累加
|
|
res.data.forEach(element => {
|
|
this.list.push(element)
|
|
});
|
|
//判断是否第一次请求，是 === 渲染简介 否 === 不渲染
|
|
if (this.appear) {this.modelList($('.title'),res) }
|
|
|
|
this.testModelList($('.test'), this.list)
|
|
|
|
}
|
|
modelList(father, data) {
|
|
father.innerHTML +=`
|
|
<img src="${data.model_info.portrait}" alt="">
|
|
<div class="name">
|
|
<p>${data.model_info.name}</p>
|
|
<p>${data.model_info.explain} </p>
|
|
</div>
|
|
|
|
`
|
|
|
|
}
|
|
|
|
testModelList(father, data) {
|
|
data.forEach((value, index) => {
|
|
father.innerHTML +=
|
|
`
|
|
<img src="${value.img_src}" alt="">
|
|
|
|
`
|
|
})
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
new Modelinfo(); |