79 lines
1.9 KiB
JavaScript
79 lines
1.9 KiB
JavaScript
class Index {
|
||
constructor() {
|
||
|
||
header(`
|
||
<div class="search flex1 flex ais">
|
||
<i class="iconfont icon-sousuo-m"></i>
|
||
<p>开启精彩搜索..</p>
|
||
</div>
|
||
`, '', '')
|
||
// 虚拟dom（js对象），虚拟dom的数组（[{},{}]）
|
||
|
||
// 数组（不是原生数组，是jq定义的数组）
|
||
// console.log($("body")[0].innerHTML = ``);
|
||
// console.log($("body").html(`a`));
|
||
footer()
|
||
|
||
this.getHomeBannerData()
|
||
this.getHomeHotData()
|
||
this.getHomeListData()
|
||
this.getTagRecommendData()
|
||
|
||
this.event()
|
||
}
|
||
|
||
event() {
|
||
$(".search").click(() => {
|
||
location.href = "./search.html"
|
||
})
|
||
}
|
||
|
||
async getTagRecommendData() {
|
||
eachHtml(
|
||
".recommend-tag",
|
||
await tagServe.tagRecommend(),
|
||
(v) => `
|
||
<li>
|
||
<a class="icon" href="./tagListInfo.html?url=${v.url}&title=${v.title}">${v.title.substr(0,1)}</a>
|
||
<a class="title" href="./tagListInfo.html?url=${v.url}&title=${v.title}">${v.title}</a>
|
||
</li>
|
||
`
|
||
)
|
||
}
|
||
|
||
async getHomeBannerData() {
|
||
eachHtml(
|
||
".swiper-wrapper",
|
||
await homeServe.homeBanner(),
|
||
(v) => `<div class="swiper-slide"><img src="${v.src}" alt=""></div>`
|
||
)
|
||
this.initSwiper()
|
||
}
|
||
|
||
async getHomeListData() {
|
||
eachHtml(
|
||
".default-model ul",
|
||
await homeServe.homeList(),
|
||
(v) => item(v)
|
||
)
|
||
}
|
||
|
||
async getHomeHotData() {
|
||
eachHtml(
|
||
".recommend-horizontally ul",
|
||
await homeServe.homeHot(),
|
||
(v) => item(v)
|
||
)
|
||
}
|
||
|
||
initSwiper() {
|
||
new Swiper('.banner', {
|
||
loop: true,
|
||
pagination: {
|
||
el: '.swiper-pagination',
|
||
},
|
||
})
|
||
}
|
||
}
|
||
|
||
new Index |