50 lines
1.2 KiB
JavaScript
50 lines
1.2 KiB
JavaScript
class search {
|
||
constructor() {
|
||
this.page = 1
|
||
this.searchfunction();
|
||
this.scrollLoadData()
|
||
}
|
||
searchfunction(){
|
||
var dd = this;
|
||
$(".header p").on('click',()=>{
|
||
this.searchss()
|
||
})
|
||
}
|
||
async searchss(){
|
||
var dd=this,
|
||
value =$(".header input").val();
|
||
console.log($(".header input").val());
|
||
let res = await SearchService.search({
|
||
q:value,
|
||
page:this.page
|
||
});
|
||
res.forEach((v,i)=>{
|
||
$(".content ul").append(`
|
||
<li>
|
||
<a href="./info.html?url=${v.href}">
|
||
<div class="img">
|
||
<img src="${v.img}" alt="">
|
||
</div>
|
||
<div class="name">
|
||
<h3>${v.title}</h3>
|
||
<p>${v.des}</p>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
`)
|
||
})
|
||
}
|
||
scrollLoadData() {
|
||
var scroll = new auiScroll({
|
||
listen: true,
|
||
distance: 10 //判断到达底部的距离，isToBottom为true
|
||
}, (ret) => {
|
||
if(ret.isToBottom){
|
||
this.page += 1;
|
||
this.searchss()
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
new search() |