Задать вопрос
@astrodeep

Как сделать кастомные стрелки в vue slick carousel?

Имеется vue slick carousel, как сделать кастомные arrowNext и arrowPrev?

data() {
        return {
            settingsTour: {
                autoplay: false,
                arrows: false,
                dots: false,
                slidesToShow: 4,
                infinite: false,
                swipe: false,
                responsive: [{
                    breakpoint: 991,
                    settings: {
                        dots: false,
                        slidesToShow: 3,
                        slidesToScroll: 1,
                        arrows: true,
                        swipe: true,
                    },
                }, {
                    breakpoint: 480,
                    settings: {
                        dots: false,
                        arrows: true,
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        swipe: true,
                    },
                }],
            },
            settingsStage: {
                autoplay: false,
                arrows: true,
                dots: false,
                slidesToShow: 3,
                infinite: false,
                responsive: [{
                    breakpoint: 991,
                    settings: {
                        dots: false,
                        slidesToShow: 3,
                        slidesToScroll: 1,
                        arrows: true,
                    },
                }, {
                    breakpoint: 480,
                    settings: {
                        dots: false,
                        arrows: false,
                        slidesToShow: 1,
                        slidesToScroll: 1,
                    },
                }],
            },
        };
    },

<VueSlickCarousel v-bind="settingsTour">
                    <div>
                        1:
                        <br> текст
                    </div>
                    <div>
                        Tour 2
                        <br> текст
                    </div>
                    <div>
                        Tour 3
                        <br> текст
                    </div>
                    <div>
                        4
                        <br> текст
                    </div>
                </VueSlickCarousel>
  • Вопрос задан
  • 131 просмотр
Подписаться 1 Простой Комментировать
Решения вопроса 1
daemonhk
@daemonhk
ПсиХоПат
Бан за неумение гуглить: https://github.com/gs-shop/vue-slick-carousel/blob...
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы