小程序banner图展示

wxml文件

<swiper class='u-wrp-bnr' indicator-dots='true' autoplay='true' interval='5000' duration='1000' circular='true'>
  <block wx:for="{{banner}}" wx:for-index="index"  wx:key="key">
    <swiper-item>
      <image src='{{item.pic}}' class='u-img-slide' mode='aspectFill'></image>
    </swiper-item>
  </block>
</swiper>

wxss文件

.u-wrp-bnr {
  width: 100%;
  height: 360rpx;
  display: block;
  position: relative;
  background: #f0f0f0;
}
.u-img-slide {
  width: 100%;
  height: inherit;
}