lvmu_miniprogram/pages/index/index.wxml

<!--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/{{item.id}}.png" 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/change_title.png" mode="widthFix" />
        <!-- <image src="{{cdn_url}}/images/logo.png" mode="widthFix" /> -->
    </view>
      
    <view class="lunbo">
      <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="btn_paise"  style="--bottom: {{isIphoneX?'10%':'4%'}};">
      <image bindtap="shot" data-id="1" src="{{cdn_url}}/images/photo_btn.png" mode="widthFix" />
      <image bindtap="shot" data-id="0" src="{{cdn_url}}/images/record_btn.png" mode="widthFix" />
    </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>