學(xué)小程序時(shí)寫(xiě)過(guò)一個(gè)B站demo，也遇到此問(wèn)題，最后自定義Swiper的Dot來(lái)實(shí)現(xiàn)了。

思路是：用view組件重寫(xiě)dot，給swiper組件綁定bindchange事件用來(lái)獲取當(dāng)前第幾個(gè)dot，動(dòng)態(tài)改變class。

autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">

data: {

// 是否顯示面板指示點(diǎn)

indicatorDots: false,

// 是否自動(dòng)切換

autoplay: true,

// 自動(dòng)切換時(shí)間間隔

interval: 5000,

// 滑動(dòng)動(dòng)畫(huà)時(shí)長(zhǎng)

duration: 1000,

dotsClass: ['on','','','','']

},

swiperChange: function(event) {

var dotsClass = ['','','','',''];

dotsClass[event.detail.current] = 'on';

console.log( event.detail.current );

console.log( dotsClass )

this.setData({

dotsClass: dotsClass

});

}

與50位技術(shù)專(zhuān)家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的修改小程序swiper 点的样式_请问微信小程序swiper切换的点如何修改样式。的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。