美文网首页
小程序 swiper

小程序 swiper

作者: sunflower_07 | 来源:发表于2019-04-16 18:13 被阅读0次
    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}"
     interval="{{interval}}" duration="{{duration}}" indicator-color="white"
     indicator-active-color="#cccccc">
                <block wx:for="{{imgUrls}}" wx:item="item" wx:key="{{index}}">
                  <swiper-item>
                    <image mode="aspectFill" src="{{item}}" class="slide-image" />
                  </swiper-item>
                </block>
     </swiper>
    
    data = {
          imgUrls: [
            'https://zxzc.xxwhcm.net/banner/banner1.png' ,
            'https://zxzc.xxwhcm.net/banner/banner2.png' 
          ],
          indicatorDots: true,
          autoplay: true,
          interval: 5000,
          duration: 1000,
    }
    

    小程序swiper 栗子。。。。

    相关文章

      网友评论

          本文标题:小程序 swiper

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