微信小程序的视图容器—swiper
2017-05-16 本文已影响0人
博为峰51Code教研组
swiper滑动面板(又称滑块视图容器,常见的轮播图)
注意:其中只可放置swiper-item组件,其他节点会被自动删除
swiper-item
仅可放置在swiper组件中,宽高自动设置为100%
在.wxml文件中设置swiper
设置indicator-dots="true"显示面板指示点,当前页面为第4页,每次页面切换的时间为5000ms,滑动时长1000ms,绑定页面改变触发事件bindChange。页面显示的图片在imgArray数组中,通过wx:for绑定。
并执行changeCurren方法
changeCurrent:function(){
console.log("我滚动了");
}
运行结果:
页面此时已经发生滚动,显示第一张图片,底部第一个小圆点颜色变亮。当页面滚动的时候控制台回打印出:我滚动了