<!--index.wxml-->
<view wx:if="{{loading_data}}" class="loading">
loading...
</view>
<block wx:else>
  <view class="index-bg" style="{{ background_style }}">
  <view class="top">
    <swiper indicator-dots="true" autoplay="true">
      <swiper-item data-link="{{ item.link }}" bindtap="goto_link" wx:for="{{ content.carousel }}" wx:key="index">
        <image class="slide-image" src="{{ item.url }}"></image>
      </swiper-item>
    </swiper>
    <video
    wx:if="{{content.video.url }}"
    src="{{ content.video.url }}"
    />
  </view>
  <view class="center">
    <view class="icon-links" wx:if="{{ content.icons }}">
      <view class="icon-link {{ content.icons_per_line == 4 ? 'icon-link-4cols' : 'icon-link-3cols'}}" data-link="{{ item.link }}" bindtap="goto_link"
        wx:for="{{ content.icons }}" wx:key="index">
        <image src="{{ item.url }}"></image>
        <text>{{ item.title }}</text>
      </view>
    </view>
    <button bindtap="goto_camera" class="primary button" style="{{ scan_button_style }}">{{ scan_button_text }}</button>
  </view>
  <view class="bottom">
    <image wx:for="{{ content.static }}" wx:key="index"
        data-link="{{ item.link }}" bindtap="goto_link" src="{{ item.url }}"></image>
  </view>
</view>
</block>
