new Swiper(
'.swiper-container', {
pagination:
'.swiper-pagination',
paginationClickable:
false,
paginationType:
'custom',
loop:
true,
speed:
300,
autoplay:
4000,
autoplayDisableOnInteraction:
true,
paginationCustomRender:
function (swiper, current, total) {
const activeColor =
'#168fed'
const normalColor =
'#aeaeae'
let color =
''
let paginationStyle =
''
let html =
''
for (
let i =
1; i <= total; i++) {
if (i === current) {
color = activeColor
}
else {
color = normalColor
}
paginationStyle =
`background:${color};opacity:1;margin-right:0.875rem;`
html +=
`<span class="swiper-pagination-bullet" style=${paginationStyle}></span>`
}
return html
}
})
转载请注明原文地址: https://www.6miu.com/read-2622387.html
