如何将 Swiper Slider 拇指以自定义宽度居中？

Question

我不喜欢 Swiper Slider 提供的拇指。因此，我希望它们具有自定义尺寸（例如矩形），并且最重要的是，它们位于主滑块下方的中心。

API 调用“centerSlides”不会将它们设置为居中，而是向右倾斜。

一些建议？

Answer 1

无法回答（要知道为什么） - 你的拇指没有对齐中心。

看看我制作的示例（工作正常//没有问题）： https://codepen.io/ezra_siton/pen/XWrBzMp

一般来说：大多数时候你通过 CSS 设置拇指大小：

.gallery-thumbs .swiper-slide {
        width: 20%;
        height: 100%;
}

在这种情况下，将JS设置下的slidesPerView更改为auto：

  slidesPerView: "auto",

SUM：如果您设置的话，拇指的大小/宽度/样式与Swiper无关slidePerView: auto（使用您想要的任何样式）。当然，拇指的大小也与里面的内容有关（盒子模型）。