41 lines
1000 B
JavaScript
41 lines
1000 B
JavaScript
class Search{
|
|
constructor(){
|
|
this.page=1;
|
|
this.getSearch();
|
|
}
|
|
|
|
async getSearch() {
|
|
// var res = await indexService.search();
|
|
let div=document.querySelector('.header div');
|
|
let input=document.querySelector('.header input');
|
|
let conn=document.querySelector('.content');
|
|
input.onfocus=()=>{
|
|
input.value='';
|
|
};
|
|
div.onclick=async()=>{
|
|
let ser= await indexService.search({
|
|
q:input.value,
|
|
page:'1',
|
|
});
|
|
ser.forEach((item,index)=>{
|
|
conn.innerHTML+=`
|
|
<a href=''>
|
|
<div class="three_meals_item">
|
|
<img src="${item.img}" alt="">
|
|
<div class="text">${item.title}</div>
|
|
<div class="desc">${item.des}</div>
|
|
</div>
|
|
</a>
|
|
`;
|
|
})
|
|
};
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
new Search(); |