swiper轮播控件配置项

Posted 惊沙男孩

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了swiper轮播控件配置项相关的知识,希望对你有一定的参考价值。

var mySwiper = new Swiper (‘.swiper-container‘, {
   direction: ‘horizontal‘,
   loop: true,
   autoplay: 5000,
   autoplayDisableOnInteraction : false,  //控制使用分页器后,还可以自动轮播
   // 如果需要分页器
   pagination: ‘.swiper-pagination‘,
   paginationClickable :true,                 //分页器可以点击切换使用
   
   // 如果需要前进后退按钮
   nextButton: ‘.swiper-button-next‘,
   prevButton: ‘.swiper-button-prev‘,
})   

以上是关于swiper轮播控件配置项的主要内容,如果未能解决你的问题,请参考以下文章

2022-02-20 Vue中使用swiper,上下翻页和分页器自定义

swiper 总结

swiper 总结

微信小程序轮播图

React NatvieReact-native-swiper的安装和配置ES6

ReactNative实现轮播图