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();