學小程序時寫過一個B站demo，也遇到此問題，最后自定義Swiper的Dot來實現(xiàn)了。

思路是：用view組件重寫dot，給swiper組件綁定bindchange事件用來獲取當前第幾個dot，動態(tài)改變class。

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

data: {

// 是否顯示面板指示點

indicatorDots: false,

// 是否自動切換

autoplay: true,

// 自動切換時間間隔

interval: 5000,

// 滑動動畫時長

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位技術專家面對面20年技術見證，附贈技術全景圖

總結

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

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