<!--index.wxml-->
<view class="container">
  <image class="c_bg" src="{{cdn_url}}/images/bg.jpg" mode="scaleToFill" />
  <view class="body">
    <view class="swp">
      <swiper class="swiper" indicator-dots="{{indicatorDots}}" bindchange="swiperChange" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
        <block wx:for="{{scenes}}" wx:key="index">
          <swiper-item>
            <view class="swiper-item">
              <image src="{{cdn_url}}/images/lunbo{{item.id}}.jpg" mode="aspectFill" />
            </view>
          </swiper-item>
        </block>
      </swiper>
      <view class="dots">
        <block wx:for="{{background}}" wx:key="index">
          <image src="{{cdn_url}}/images/{{index == current ? 'dot_active.png' : 'dot_default.png'}}" mode="aspectFill" />
        </block>
      </view>
    </view>

    <view class="title">
      <image src="{{cdn_url}}/images/xuanze_new.png" mode="widthFix" />
      <text>选择您喜欢的场景</text>
    </view>

    <view class="lunbo" style="pointer-events: {{isOtherZhanYong?'none':'auto'}};opacity:{{isOtherZhanYong?'0.6':'1'}}">
      <block wx:for="{{scenes}}" wx:key="index">
        <image bindtap="tapSelect" data-id="{{item.id}}" src="{{cdn_url}}/images/{{item.id}}{{item.id == currentScene ? '-active' : ''}}.png" mode="aspectFill" />
      </block>
    </view>

    <view class="title">
      <image src="{{cdn_url}}/images/paishe_new.png" mode="widthFix" />
      <text>点击记录，下载拍摄结果，仅保留近15条内容</text>
    </view>

    <view class="record" style="--paddingbtm: {{records.length<=0?'50rpx':'180rpx'}};">
      <block wx:for="{{records}}" wx:key="index">
        <view data-id="{{item.id}}" bindtap="gotoRecord">
          <text>记录编号：{{item.id}}</text>
          <view>
            <text>场景名 | {{item.type=='1'?'拍照':'录像'}}</text>
            <text>{{item.date}}</text>
          </view>
        </view>
      </block>
      <view class="norecord" style="text-align: center;" wx:if="{{records.length<=0}}">
        <view class="record-title">历史记录</view>
        <view class="norecord-text">暂无记录</view>
      </view>
    </view>


    <view class="btn_paise" style="--bottom: {{isIphoneX?'10%':'4%'}};">
      <block wx:if="{{!isOtherZhanYong}}">
        <view class="paizhao">
          <image bindtap="shot" data-id="1" src="{{cdn_url}}/images/paizhao_new.png" mode="widthFix" />
        </view>
        <view class="luxiang">
          <image bindtap="shot" data-id="0" src="{{cdn_url}}/images/luxiang_new.png" mode="widthFix" />
        </view>
      </block>

      <view class="rescan" wx:else>
        <text>其他游客使用中，请稍后重新扫码</text>
        <view bindtap="scanCode">
          <image src="{{cdn_url}}/images/chongxinsaoma.png" mode="widthFix" />
        </view>
      </view>
    </view>

  </view>

  <view class="shotting {{!isShot ? 'hidden' :''}}">
    <image class="shot_bg" src="{{cdn_url}}/images/shotbg_{{currentScene}}.jpg" mode="aspectFill" />

    <view class="{{!isRecord ? '' :'hidden'}}">
      <view class="tips {{daojishi ? '' :'hidden'}}">
        <view class="xiaolian">
          <image src="{{cdn_url}}/images/{{daojishi||1}}s.png" mode="widthFix" />
          <text>将于{{daojishi}}s后拍摄</text>
        </view>
      </view>
    </view>

    <view class="record {{(isRecord&&recordjishi) ? '' :'hidden'}}">
      <image src="{{cdn_url}}/images/record.png" mode="widthFix" />
      <text>录制中{{recordjishi? '（'+recordjishi+'s）':''}}…</text>
    </view>


  </view>

</view>