dage-sxk/pages/index/index.wxml

<!--index.wxml-->
<view class="container" style="{{info.globalVar}}">
  <view wx:if="{{info.globalVar}}" class="body" style="background-image:url({{cdn_url}}/images/bg.jpg);">
    <view wx:if="{{info.banner.list.length}}" class="swp" style="{{info.banner.style}}">
      <block wx:if="{{info.banner.border}}">
        <image style="width:{{info.banner.border.width}}" class="swp__bd top lf" src="{{cdn_url+info.banner.border['tp-lf']}}" mode="widthFix" />
        <image style="width:{{info.banner.border.width}}" class="swp__bd top rt" src="{{cdn_url+info.banner.border['tp-rf']}}" mode="widthFix" />
        <image style="width:{{info.banner.border.width}}" class="swp__bd bt lf" src="{{cdn_url+info.banner.border['bt-lf']}}" mode="widthFix" />
        <image style="width:{{info.banner.border.width}}" class="swp__bd bt rt" src="{{cdn_url+info.banner.border['bt-rf']}}" mode="widthFix" />
      </block>
      <view wx:if="{{info.banner.btmShadow}}" class="swp__shadow" style="left:{{info.banner.border.width}};right:{{info.banner.border.width}}" />
      <swiper class="swiper" bindchange="swiperChange" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
        <block wx:for="{{info.banner.list || []}}" wx:key="index">
          <swiper-item class="swiper-item">
            <image src="{{cdn_url+item}}" mode="aspectFill" />
          </swiper-item>
        </block>
      </swiper>
    </view>

    <view class="title">
      <image src="{{cdn_url + info.sceneTitleImg.path}}" style="width:{{info.sceneTitleImg.width}}" mode="widthFix" />
      <text>选择您喜欢的场景</text>
    </view>

    <view class="lunbo" style="pointer-events: {{isOtherZhanYong?'none':'auto'}};opacity:{{isOtherZhanYong?'0.6':'1'}}">
      <view wx:for="{{scenes}}" wx:key="index" class="lunbo__item {{item.id == currentScene && 'active'}}">
        <view wx:if="{{item.id == currentScene && info.activeSceneBdImg.path}}" class="lunbo__item__img" style="width: {{info.activeSceneBdImg.width}};height: {{info.activeSceneBdImg.height}}; background-image: url({{cdn_url+info.activeSceneBdImg.path}})">
          <image bindtap="tapSelect" data-id="{{item.id}}" src="{{cdn_url}}/scenes/{{item.id}}.jpg" mode="aspectFill" />
        </view>
        <view wx:else class="lunbo__item__img">
          <image bindtap="tapSelect" data-id="{{item.id}}" src="{{cdn_url}}/scenes/{{item.id}}.jpg" mode="aspectFill" />
        </view>
        <view class="lunbo__item__text">{{item.title}}</view>
      </view>
    </view>

    <view class="title">
      <image src="{{cdn_url + info.recordTitleImg.path}}" style="width:{{info.recordTitleImg.width}}" mode="widthFix" />
      <text>点击记录，下载拍摄结果，仅保留近15条内容</text>
    </view>

    <view class="record" style="margin-bottom: calc({{info.rescan.height}} + {{isOtherZhanYong ? '80rpx' : '20rpx'}});">
      <block wx:for="{{records}}" wx:key="index">
        <view data-id="{{item.id}}" bindtap="gotoRecord" style="background-image: url({{cdn_url+info.records.cardImgPath}})">
          <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="norecord-text">暂无记录</view>
      </view>
    </view>

    <view wx:if="{{isOtherZhanYong}}" class="btn_paise_tips" style="bottom:{{info.rescan.height}}">其他游客使用中，请稍后重新扫码</view>
    <view class="btn_paise" style="height:{{info.rescan.height}};background:url({{cdn_url+info.rescan.bg}}) no-repeat center / cover">
      <view wx:if="{{!isOtherZhanYong}}" class="btn_paise__tools">
        <view class="paizhao">
          <image bindtap="shot" data-id="1" src="{{cdn_url}}/images/photo-btn.png" mode="widthFix" />
        </view>
        <view class="btn_paise__border" style="background:{{info.rescan.borderColor}}" />
        <view class="luxiang">
          <image bindtap="shot" data-id="0" src="{{cdn_url}}/images/video-btn.png" mode="widthFix" />
        </view>
      </view>

      <view wx:else bindtap="scanCode" class="btn_paise__rescan">
        <image src="{{cdn_url+info.rescan.btnImg}}" mode="widthFix" style="width:{{info.rescan.btnWidth}}" />
      </view>
    </view>
  </view>

  <c-popup wx:if="{{popupVisible}}"
    isVideo="{{isVideo}}"
    sceneId="{{currentScene}}"
    time="{{daojishi}}"
    recordTime="{{recordjishi}}"
    cdn_url="{{cdn_url}}"
    bdPath="{{info.timerBdImgPath}}"
  />
</view>