微信小程序的视图容器—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("我滚动了");

}

运行结果:

页面此时已经发生滚动,显示第一张图片,底部第一个小圆点颜色变亮。当页面滚动的时候控制台回打印出:我滚动了

上一篇下一篇

猜你喜欢

热点阅读