class Video{
constructor(){
    this.page = 0;
    this.getVoid();
    this.scrolles();
}

    async getVoid(){
       
        let connt=document.querySelector('.content');
        var res = await indexService.video();
        console.log(res.items);
        
        connt.innerHTML+='';
        res.items.forEach((item,index) => {
            connt.innerHTML+=`
                <a class="tuitupian" href="./voidInfo.html?vid=${item.xhz_video_url}&tid=${item.seo_title}&inif=${item.intro}">
                    <img src="${item.bd_photo}" alt="">
                    <i class="iconfont icon-shipin"></i>
                    <span>${item.seo_title}</span>
                    <div class="yonghu">
                        <div>
                            <img src="https://st-cn.meishij.net/user/68/143/ns13598318_155093722619492.jpg" alt="">
                            <span>阿青美食</span>
                        </div>
                        <div>
                            <i class="iconfont icon-yanjing"></i>
                            <span>${item.click_num}</span>
                        </div>
                    </div>
                </a>
            `;
        });


        this.scrolles(()=>{
            this.page+=1;
            this.getVoid();
        })

      

    }

    scrolles(callback) { 
        let body=document.querySelector('body');
        body.onscroll = () => {
            
            let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            let clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
            let scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
        
    
            if(scrollHeight > clientHeight && scrollTop + clientHeight === scrollHeight) {
            callback();
            }
          }
    }

}


new Video();