美文网首页
微信小程序的视图容器—swiper

微信小程序的视图容器—swiper

作者: 博为峰51Code教研组 | 来源:发表于2017-05-16 09:45 被阅读0次

    swiper​滑动面板(又称滑块视图容器,常见的轮播图)

    注意:其中只可放置swiper-item组件,其他节点会被自动删除

    swiper-item

    仅可放置在swiper组件中,宽高自动设置为100%

    在.wxml文件中设置swiper

    设置indicator-dots="true"显示面板指示点,当前页面为第4页,每次页面切换的时间为5000ms,滑动时长1000ms,绑定页面改变触发事件bindChange。页面显示的图片在imgArray数组中,通过wx:for绑定。

    并执行changeCurren方法

    changeCurrent:function(){

    console.log("我滚动了");

    }

    运行结果:

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

    相关文章

      网友评论

          本文标题:微信小程序的视图容器—swiper

          本文链接:https://www.haomeiwen.com/subject/xtokxxtx.html