var mySwiper = new Swiper('.pcduan .swiper-container',{
pagination : '.swiper-p1',
autoplay : 7000,//可选选项,自动滑动
speed:1000,//滑动时间
loop : true,//可选选项,开启循环
autoplayDisableOnInteraction : false,//用户操作swiper之后,是否禁止autoplay。默认为true:停止。
paginationClickable :true,//分页器气切换
grabCursor : true, //光标在Swiper上时成手掌状
paginationClickable: true, // 定位到目标动画
keyboardControl : true,//键盘控制
//mousewheelControl : true,//滑鼠标滑轮控制
prevButton:'.swiper-button-prev',
nextButton:'.swiper-button-next',
})
var mySwiper2 = new Swiper('.phoneduan .swiper-container',{
pagination : '.swiper-p2',
autoplay : 7000,//可选选项,自动滑动
speed:1000,//滑动时间
loop : true,//可选选项,开启循环
autoplayDisableOnInteraction : false,//用户操作swiper之后,是否禁止autoplay。默认为true:停止。
paginationClickable :true,//分页器气切换
grabCursor : true, //光标在Swiper上时成手掌状
paginationClickable: true, // 定位到目标动画
keyboardControl : true,//键盘控制
//mousewheelControl : true,//滑鼠标滑轮控制
})
用父级CSS来区分,pagination重新写一个swiper-p1的css区分
//第一个
<div class="swiper-pagination swiper-p1 swiper-pagination-white swiper-pagination-clickable swiper-pagination-bullets">
//第二个
<div class="swiper-pagination swiper-p2 swiper-pagination-white swiper-pagination-clickable swiper-pagination-bullets">
这样轮播的光点也可以正常运行了