小程序轮播效果

<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" vertical="{{vertical}}">
  <block wx:for="{{texts}}" wx:key="">  
    <swiper-item>
      <view class='content-top-box'>
        <view class='top-box'>
          <text class='red'>{{item.red}}</text>
          <text class='content-top-text'>{{item.text}}</text>
        </view>
        <view class='bottom-box'>
          <text class='red'>{{item.red}}</text>
          <text class='content-top-text'>{{item.text2}}</text>
        </view>
      </view>
    </swiper-item>  
  </block>  
</swiper>

必须设置swiper的高才不会受到其他轮播图的影响`

<swiper class="swiper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" vertical="{{vertical}}">
  <block wx:for="{{texts}}" wx:key="">  
    <swiper-item>
      <view class='content-top-box'>
        <view class='top-box'>
          <text class='red'>{{item.red}}</text>
          <text class='content-top-text'>{{item.text}}</text>
        </view>
        <view class='bottom-box'>
          <text class='red'>{{item.red}}</text>
          <text class='content-top-text'>{{item.text2}}</text>
        </view>
      </view>
    </swiper-item>  
  </block>  
</swiper>

.swiper{
  height: 96rpx;
}