swiper?滑動面板(又稱滑塊視圖容器,常見的輪播圖)
注意:其中只可放置swiper-item組件,其他節點會被自動刪除
swiper-item
僅可放置在swiper組件中,寬高自動設置為100%
在.wxml文件中設置swiper
設置indicator-dots="true"顯示面板指示點,當前頁面為第4頁,每次頁面切換的時間為5000ms,滑動時長1000ms,綁定頁面改變觸發事件bindChange。頁面顯示的圖片在imgArray數組中,通過wx:for綁定。
并執行changeCurren方法
changeCurrent:function(){
console.log("我滾動了");
}
運行結果:
頁面此時已經發生滾動,顯示第一張圖片,底部第一個小圓點顏色變亮。當頁面滾動的時候控制臺回打印出:我滾動了