问如何在SwiperJS中的3张活动/可见/显示幻灯片中添加类名

EN

因此，基本上，我有一个旋转木马与slidesPerView={3}在斯威珀。我想为没有显示的滑块设置样式，所以我想要在可见滑块中添加一个className，或者在不可见的滑块中添加一个className。我做了多次尝试，其中包括：

添加以下内容：slideActiveClass="swiper-slide-active"和我注意到在文档中，它与react不兼容，这意味着它也不兼容nextjs。但是，在检查模式中，我看到活动类在那里，即使我没有添加slideActiveClass="swiper-slide-active"，所以我使CSS样式如下所示：

.swiper-slide:not(.swiper-slide-active) {
    ...
}

但问题是，它只是造型的第一个显示滑块，而不是三个显示滑块。

因此，另一种尝试是添加以下内容：slideVisibleClass='swiper-slide-visible'，不幸的是，它与react和nextjs不兼容。虽然我确实检查了检查模式/dev工具，但与active类不同的是，className并不存在。

我所做的最后一次尝试是添加以下内容：slidesPerGroup={3}认为它将对其中的3个滑块进行分组，并使它们都是活动类。但是它不起作用，它所做的是做下一张幻灯片，不是1，而是每下一张幻灯片3张。

我也试过搜索，但找不到更多的线索。

"^8.4.2"

• "next"："12.3.0"，

• "react"："18.2.0"，