微信小程序 滚动banner

  作者:chrispy

<swiper indicator-dots="true" autoplay="true" interval="3000" class="banner"> <block wx:for="{{imgUrls}}" wx:key=


<swiper indicator-dots="true" autoplay="true" interval="3000" class="banner">

  <block wx:for="{{imgUrls}}" wx:key="item">

    <swiper-item>

      <image src="{{item}}" class="slide-image"/>

    </swiper-item>

  </block>

</swiper>

 

.banner{width:100%;height:240px;}

.banner image{width:100%;}

 

data: {

  imgUrls: [

    'https://images.unsplash.com/photo-1551334787-21e6bd3ab135?w=640',

    'https://images.unsplash.com/photo-1551214012-84f95e060dee?w=640',

    'https://images.unsplash.com/photo-1551446591-142875a901a1?w=640'

  ],

},

猜你喜欢