美文网首页
vue-awesome-swiper

vue-awesome-swiper

作者: Augenstern___ | 来源:发表于2020-09-09 15:14 被阅读0次
  import 'swiper/dist/css/swiper.css'    //在全局没引入,这里记得要!
  import {swiper, swiperSlide} from 'vue-awesome-swiper'
  swiperOption: {
          // 如果自行设计了插件,那么插件的一些配置相关参数,也应该出现在这个对象中,如下debugger
          autoplayDisableOnInteraction: false,
          navigation:{
            prevEl: ".swiper-button-prev",  //上一张
            nextEl: ".swiper-button-next",  //下一张
          },
          pagination: {          //小点
            el: '.swiper-adpagination',
            clickable: true,
          },
          autoplay: {
            disableOnInteraction: false,
            delay: 4000
          },
          observeParents: true,
          // observer: true,
          slidesPerView: 4,
          spaceBetween:12,
          // centeredSlides: true,
        },

相关文章

网友评论

      本文标题:vue-awesome-swiper

      本文链接:https://www.haomeiwen.com/subject/zoveektx.html