48 lines
1.8 KiB
JavaScript
48 lines
1.8 KiB
JavaScript
class Search {
|
|
constructor() {
|
|
this.GetSearchList()
|
|
}
|
|
|
|
async GetSearchList() {
|
|
var SearchInput = document.querySelector(".search_input input"),
|
|
SearchSubmit = document.querySelector(".search_input .icon-search");
|
|
|
|
SearchSubmit.onclick = async () => {
|
|
console.log("111");
|
|
if (SearchInput.value.length == 0) {
|
|
Tips.toast("输入不能为空")
|
|
} else {
|
|
var res = await homeService.search({
|
|
keyword: SearchInput.value
|
|
});
|
|
if (res.length == 0) {
|
|
document.querySelector(".search_list ul").innerHTML = ""
|
|
document.querySelector(".search_list ul").innerHTML = `
|
|
<span class="nodata">没有搜索结果</span>
|
|
`
|
|
} else {
|
|
document.querySelector(".search_list ul").innerHTML = ""
|
|
res.forEach(v => {
|
|
document.querySelector(".search_list ul").innerHTML+= `
|
|
<li>
|
|
<div class="newest_img">
|
|
<a href="./info.html?id=${v.id}">
|
|
<img src="${v.preview}" alt="${v.title}">
|
|
</a>
|
|
<span>49P</span>
|
|
</div>
|
|
<div class="newest_text">
|
|
<a href="./info.html?id=${v.id}">
|
|
<p class="t">${v.title}</p>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
`
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
new Search() |