67 lines
1.8 KiB
JavaScript
67 lines
1.8 KiB
JavaScript
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();
|
|
|
|
|
|
|