Почему картинки в слайдере не отображаются правильно - PullRequest
Новая
       43

Почему картинки в слайдере не отображаются правильно

0 голосов
/ 10 ноября 2018

Я использую vue-awesome-swiper, и он показывает несколько картинок на слайде. Что может быть вероятной причиной?

enter image description here

Вот мой мопс: .worklist_block-фон swiper.gallery-top (: options = 'swiperOptionTop', ref = 'swiperTop') swiper-slide (v-for = '(item, idx) в swiperItems': key = 'idx': class = 'slide-'+(idx+1)) IMG (: SRC = 'item.bigImage') .worklist_block-малых swiper.gallery-thumbs (: options = 'swiperOptionThumbs', ref = 'swiperThumbs') swiper-slide.swiper__thumb-position (v-for = '(item, idx) в swiperItems': key = 'idx': class = 'slide-'+(idx+1)) IMG (: SRC = 'item.smallImage') .swiper кнопка-следующий (слот = 'кнопка-следующая') .swiper-button-prev (slot = 'button-prev')

и мои данные () 

data: () => ({
swiperOptionTop: {
  setWrapperSize: true,
},
swiperOptionThumbs: {
  spaceBetween: 10,
  centeredSlides: true,
  slidesPerView: "auto",

  touchRatio: 0.2,
  slideToClickedSlide: true,
  observeParents: true,
  centeredSlides: true,
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
},
...