如何以自定义宽度将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",

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