<!--index.wxml-->
<view class="container">
  <swiper class="swiper1" indicator-dots="true" autoplay="true" interval="5000" duration="500" circular="true">
    <block wx:for="{{dataList}}" wx:key="*this">
      <swiper-item>
        <view class="swiper-item">
          <image mode="widthFix" class="swiperImg" src="{{item.slider_img}}"></image>
        </view>
      </swiper-item>
    </block>
  </swiper>

  <view class="fiery">
    <view class="fiery-top">
      <text>进店必点热品</text>
      <image src="../images/arrowsRig.png"></image>
    </view>
    <view class="fiery-content">
      <swiper class="swiper2" autoplay="true" interval="3000" duration="500" circular="true" display-multiple-items="{{fieryArr.length>3?'3':fieryArr.length}}" previous-margin="24rpx" style="width:{{fieryArr.length>=3?'100%':'520rpx'}}">
        <block wx:for="{{fieryArr}}" wx:key="*this">
          <swiper-item class="item2">
            <view class="swiper2-item">
              <view style="overflow:hidden;border-radius:30rpx">
                <image class="swiperImg2" src="{{item.banner_img}}"></image>
              </view>
              <view class="banner_title">{{item.banner_title}}</view>
            </view>
          </swiper-item>
        </block>
      </swiper>
    </view>
  </view>

  <view class="bigPic">
    <image src="http://static.jiyou-tech.com/2020/510/indexBig.jpg"></image>
    <image src="http://static.jiyou-tech.com/2020/510/indexBot.png"></image>
  </view>
</view>
