let index = 0
let slides = $('.pro')
// 排他效果
for (let i = 0; i < slides.length; i++) {
    $(slides[i]).attr('sli_index', i)
}
$('.pro').on('click', function () {
    for (let i = 0; i < slides.length; i++) {
        $(slides[i]).removeClass('swiper-slide-active')
    }
    $(this).addClass('swiper-slide-active')
    console.log($(this).attr("sli_index"))
})
// next效果
$('.next').on('click', function () {
    for (let i = 0; i < slides.length; i++) {
        $(slides[i]).removeClass('swiper-slide-active')
    }
    if (index >= slides.length - 1) {
        index = 0
    } else {
        index++
    }
    $(slides[index]).addClass('swiper-slide-active')
    console.log(index)
})

$('.prev').on('click', function () {
    for (let i = 0; i < slides.length; i++) {
        $(slides[i]).removeClass('swiper-slide-active')
    }
    if (index <= 0) {
        index = 0
    } else {
        index--
    }
    $(slides[index]).addClass('swiper-slide-active')
    console.log(index)
})