swiper 多张滑动点击居中

要实现swiper多张滑动点击居中的效果，可以使用Swiper的onSlideChangeEnd事件和activeIndex属性来判断当前滑块位置，然后根据计算居中的位置，再使用Swiper的slideTo方法来实现滑动居中的效果。

具体实现步骤如下：

1. 在Swiper的初始化参数中添加onSlideChangeEnd事件处理函数，用于监听滑块位置的变化。

2. 在onSlideChangeEnd事件处理函数中，获取当前滑块的位置（activeIndex），并根据需要计算出居中的位置。

3. 调用Swiper的slideTo方法来滑动到居中的位置。

下面是一个示例代码：

var mySwiper = new Swiper('.swiper-container', {
    //初始化参数
    onSlideChangeEnd: function(swiper){
        //获取当前滑块位置
        var activeIndex = swiper.activeIndex;

        //计算居中位置
        var centerIndex = Math.floor(swiper.slides.length / 2);
        var offset = centerIndex - activeIndex;

        //滑动到居中位置
        swiper.slideTo(centerIndex + offset);
    }
});

在这个示例中，假设Swiper容器的类名为“swiper-container”，滑块的数量为n（从0到n-1），则居中位置的索引为Math.floor(n / 2)。对于当前滑块的位置activeIndex，通过计算偏移量offset来实现居中滑动效果。

需要注意的是，这个示例代码只是一个简单实现，具体实现方式还需要根据具体需求进行调整。