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