<!--miniprogram/pages/marvellous/template/videoAn/index.wxml-->

<view class="door" bindtap="start" wx:if="show">
  <view class="transverse" wx:if="{{heng}}">
    <image class="left"
      src="https://djweb.smcic.net/dj/static/img/door_left.jpg"></image>
    <view class="center {{ step === 1 ? 'width100' : '' }}" ></view>
    <!-- <view class="center" animation="{{tra}}" bindtransitionend="nextAnstion"></view> -->
    <image class="right"
      src="https://djweb.smcic.net/dj/static/img/door_right.jpg"></image>
  </view>



  <view class="portrait" wx:if="{{shu}}">
    <view class="port">
      <image class="up" src="https://djweb.smcic.net/dj/static/img//wood.jpg">
      </image>
      <view class="center  {{ step === 2 ? 'height100' : '' }}"></view>
      <!-- <view class="center" animation="{{por}}" bindtransitionend="end"></view> -->
      <image class="down" src="https://djweb.smcic.net/dj/static/img/wood.jpg">
      </image>
    </view>
  </view>

  <view class="tip">点击开始</view>
</view>