55 lines
1.5 KiB
JavaScript
55 lines
1.5 KiB
JavaScript
class Index {
|
|
constructor() {
|
|
this.getNotice()
|
|
this.initSwiper ()
|
|
// this.footer()
|
|
// this.title()
|
|
}
|
|
|
|
async getNotice() {
|
|
var res = await indexService.notice();
|
|
console.log(res);
|
|
|
|
//获取最新消息
|
|
res.forEach((v, i) => {
|
|
$(".mass .mass_list").innerHTML += `
|
|
<li>
|
|
<i></i>
|
|
<a class="ellipsis" href="">${v.notice_text}</a>
|
|
</li>
|
|
`
|
|
// console.log(v.notice_text);
|
|
});
|
|
|
|
|
|
//轮播图
|
|
_(".swiper swiper-wrapper").forEach((v,i) => {
|
|
if(i != 0 ){
|
|
v.onscroll = () => {
|
|
const {clientHeight,scrollHeight, scrollTop} = v;
|
|
var distance = scrollHeight - scrollTop - clientHeight;
|
|
if(distance <= 0.5){
|
|
this.principal[this.index].page += 1;
|
|
if(this.principal[this.index].page <= this.principal[this.index].total_page){
|
|
this.getClassList("loadMore")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
|
|
}
|
|
initSwiper () {
|
|
var mySwiper = new Swiper ('.swiper', {
|
|
direction: 'horizontal', // 垂直切换选项
|
|
loop: true, // 循环模式选项
|
|
autoplay:true,//自动播放
|
|
// 如果需要分页器
|
|
pagination: {
|
|
el: '.swiper-pagination',
|
|
},
|
|
})
|
|
}
|
|
}
|
|
|
|
new Index() |