panda_web/assets/js/about_us/index.js

//轮播图
let swiper = new Swiper("#swiper1", {
    pagination: {
        el: ".swiper-pagination"
    },
    loop: true, //循环
    observer: true,//修改swiper自己或子元素时，自动初始化swiper
    observeParents: true,//修改swiper的父元素时，自动初始化swiper
    speed: 500,
    autoplay: {
        disableOnInteraction: false,  //触碰后自动轮播也不会停止
        delay: 3000,
    }
});

//轮播图
let swiper2 = new Swiper("#swiper2", {
    pagination: {
        el: ".swiper-pagination"
    },
    loop: true, //循环
    observer: true,//修改swiper自己或子元素时，自动初始化swiper
    observeParents: true,//修改swiper的父元素时，自动初始化swiper
    speed: 500,
    autoplay: {
        disableOnInteraction: false,  //触碰后自动轮播也不会停止
        delay: 3000,
    }
});


//上一页、下一页
var pageNum = 1;//默认第一页
function lastPage(){
    $('.aboutus-page .box5-content .page-box .img.first1').addClass('active');
    $('.aboutus-page .box5-content .page-box .img.last1').removeClass('active');
    pageNum = pageNum>1?pageNum-1:1;
    $(".aboutus-page .box5-content .cards").animate({
        scrollLeft: ($(window).width()*0.25*(pageNum-1)*3 + 20*(pageNum-1)*3)
    },300)
}
function nextPage(){
    $('.aboutus-page .box5-content .page-box .img.last1').addClass('active');
    $('.aboutus-page .box5-content .page-box .img.first1').removeClass('active');
    pageNum +=1;
    $(".aboutus-page .box5-content .cards").animate({
        scrollLeft: ($(window).width()*0.25*(pageNum-1)*3 + 20*(pageNum-1)*3)
    },300)
}

//切换卡片
switchCard();//初始化
function switchCard(){

}

//上一页、下一页
function lastPage2(){
    switchCard();
    $('.aboutus-page .box6-content .page-box .img.first2').addClass('active');
    $('.aboutus-page .box6-content .page-box .img.last2').removeClass('active');
}
function nextPage2(){
    switchCard();
    $('.aboutus-page .box6-content .page-box .img.first2').removeClass('active');
    $('.aboutus-page .box6-content .page-box .img.last2').addClass('active');
}



showAnimate('.aboutus-page .box3-content .box3','animate__animated animate__slideInDown');