Блог

Я пытаюсь добавить новый element class к каждому из моих маркеров нумерации страниц, и я хочу сохранить стиль по умолчанию swiper . Итак, что я сделал

 pagination={
    clickable: true,
    bulletClass: `swiper-pagination-bullet ${style['feature-pagination']}`,
}
  

Я смог получить стиль swiper-pagination-bullet и свой собственный стиль. Однако другие функции больше не работают (например, функция щелчка, активный выбор)

Я попытался проверить код, и похоже swiper , что в настоящее время он не обрабатывает несколько классов, поскольку эта строка кода возвращается empty , поскольку она ожидает только один класс. только.

Есть ли какие-либо обходные пути для этого? Мне нравится создавать для этого запрос на извлечение, но я хотел бы спросить сообщество, чего мне здесь не хватает.

Обновить

Теперь он поддерживает несколько классов с этими изменениями. Вы можете добавить несколько классов, разделив их пробелами

 pagination={
    clickable: true,
    bulletClass: `swiper-pagination-bullet ${style['feature-pagination']}`,
}
  

Старый

Поэтому я запросил улучшение репозитория Swiper. На данный момент запрос на извлечение обрабатывается bulletClass и bulletActiveClass до сих пор не принят.

На данный момент это лучший обходной путь.

 pagination={
    clickable: true,
    bulletClass: `swiper-pagination-bullet`,
    renderBullet: (index, className) => {
    return `<span class="${className} feature-pagination"></span>`;
    }
}