83 lines
2.3 KiB
JavaScript
83 lines
2.3 KiB
JavaScript
class Info {
|
|
constructor() {
|
|
this.getInfo();
|
|
}
|
|
|
|
async getInfo() {
|
|
var res = await server.info({
|
|
url: query("url")
|
|
});
|
|
$(".img_hidden img").attr({
|
|
src: res.backImg
|
|
})
|
|
|
|
$(".list_title h2").text(res.title)
|
|
$(".posttime").text(res.posttime)
|
|
$(".list_text p").text(res.stepInfo.message)
|
|
|
|
$(".list_text .more").click(function () {
|
|
$(".list_text").css({
|
|
height: 'auto'
|
|
});
|
|
$(this).hide();
|
|
})
|
|
|
|
res.stepInfo.arr.forEach(v => {
|
|
$(".ddd").append(`
|
|
<li>
|
|
<div class="i" style="background-position: 0px ${v.position}px"></div>
|
|
<p>${v.title}</p>
|
|
</li>
|
|
`)
|
|
})
|
|
|
|
|
|
res.material.main.forEach(v => {
|
|
$(".main_l").append(`
|
|
<li>
|
|
<span>${v.title}</span>
|
|
<span>${v.nums}</span>
|
|
</li>
|
|
`)
|
|
})
|
|
|
|
res.material.accessories.forEach(v => {
|
|
$(".accessories_l").append(`
|
|
<li>
|
|
<span>${v.title}</span>
|
|
<span>${v.nums}</span>
|
|
</li>
|
|
`)
|
|
})
|
|
|
|
res.DetailedSteps.forEach(v => {
|
|
$(".content_list").append(`
|
|
<li>
|
|
<div class="step ${v.step_img == null ? 'zj': ''}">${v.step_title}</div>
|
|
<img class="${Array.isArray(v.step_img) ? 'change': ''}" src="${Array.isArray(v.step_img) ? v.step_img[0] : v.step_img }" alt="">
|
|
<p>${v.step_text == null ? "" : v.step_text}</p>
|
|
${
|
|
Array.isArray(v.step_img)
|
|
? `<div class="tabs_img">
|
|
${
|
|
v.step_img.map(item => {
|
|
return `<img src="${item}" alt="">`
|
|
}).toString().replaceAll(",","")
|
|
}
|
|
</div>`
|
|
: ''
|
|
}
|
|
</li>
|
|
`)
|
|
})
|
|
|
|
$(".tabs_img img").click(function () {
|
|
$(".change").attr({
|
|
src: $(this).attr("src")
|
|
})
|
|
})
|
|
console.log(res)
|
|
}
|
|
}
|
|
|
|
new Info(); |