信鸽网

滚动banner

  作者：chrispy

<swiperindicator-dots="true"autoplay="true"interval="3000"class="banner"><blockwx:for="{{imgUrls}}"wx:key="item"><swiper-item><imagesrc="{{item}}"cla 
<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'

    ],

  },


有用  |  无用

猜你喜欢

您可能感兴趣的文章: