center - 如何将自定义宽度的 Swiper Slider 拇指居中？

Question

我不喜欢 Swiper Slider 提供的拇指。因此，我希望它们具有自定义尺寸(例如矩形)，最重要的是，它们位于主 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: 如果您设置 slidePerView: auto(使用您想要的任何样式)，则与 Swiper 无关的缩略图的大小/宽度/样式。当然，拇指的大小也与里面的内容(盒子模型)有关。