Добавление нескольких классов для Swiper Pagination Bullet

Question

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

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

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

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

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

Answer 1

Обновить

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

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>`;
    }
}