<view class='container'>
  <view class='top'>
    <view class='header'>
      <image src='./../../assets/img/park.png' mode="widthFix"></image>{{park.addr}}
      (<text style='color:#f86661;'>{{park.number}}</text>车位)</view>
  </view>
  <!-- <view class='price clearfix'>
      <text class='fl'>停车费:</text>
      <label class='locationNumber fr'>{{park.stopFee}}</label>
    </view> -->

  <view class='borderBox'>
    <view class='passNumberBox'>
      <!-- 有车牌的时候显示 -->
      <view class='passUp'>
        <view class='addicense_active' wx:if='{{carList.length>0}}'>
          <swiper current="{{current}}" bindchange='onSlideChangeEnd' class='swiper' circular='true' indicator-dots='{{indicatorDots}}' autoplay='{{autoplay}}' interval='500' duration='500'>
            <block wx:for='{{carList}}' wx:key="unique">
              <swiper-item class="swiper-item" data-memberKeyword='{{item.carNumber}}'>
                <view class='clearfix clearfix1'>
                  <text class='txt01'>{{item.carNumber}}</text>
                </view>
              </swiper-item>
            </block>
          </swiper>
          <!-- <view class="dots">
            <block wx:for="{{carList}}" wx:key="unique">
              <view class="dot{{index == current ? ' active' : ''}}"></view>
            </block>
          </view> -->
        </view>
      </view>
    </view>
  </view>
  <view class='orderBox' wx:if="{{stopFees.orderId&&carList.length>0&&3>=carList.length}}">
    <view class='clearfix'>
      <text class="fl">入场时间:</text>
      <text class='fr time'>{{stopFees.entranceTime}}</text>
    </view>
    <view class='clearfix'>
      <text class="fl">停车时长:</text>
      <text class='fr time'>{{timecha}}</text>
    </view>


    <view class='coupon clearfix' bindtap='gotoquan' wx:if="{{couponList.length>0}}">
      <text class='fl'><text class='jians'>券</text>优惠券:</text>
      <view class="fr">
        <text wx:if="{{quantitle}}">{{quantitle}}</text>
        <text wx:else>{{couponList.length}}张可用</text>
        <image class='jiant' src='../../assets/img/jian.png' mode='widthFix'></image>
      </view>


    </view>

    <view class="clearfix">
      <text class="fl">待缴费用:</text>
      <text class='fr' style='color:#ff4949;'>{{stopFees.remainingFee}}<text class='yuan'>元</text></text>
    </view>


    <view class="buy-view" wx:if="{{stopFees.orderId}}">
      
      <navigator wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="wx192b7d2e8dcbefd0" extra-data='{{extraData}}' version="release">
        立即支付
      </navigator>
      <!-- <navigator wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="wxc07f9d67923d676d" extra-data='{{extraData}}' version="release">
        立即支付
      </navigator> -->
      <view wx:if="{{!canIUse}}" class='buy' bindtap='gotoetcp'>立即支付</view>
    </view>
  </view>


  <!-- 没有车牌的时候显示 -->
  <view class='borderUp' bindtap='jumpToAdd' wx:if="{{carList.length==0}}">
    <view class="myCars">
      <image src='./../../assets/img/add.png' mode="widthFix"></image>我的爱车
    </view>
    <text class='carNumber'>车辆入场后，才能绑车牌</text>
  </view>
  <view class='bottonBox'>
    <view class='textStyle' bindtap='showquan'>
      <image src='../../assets/img/quan.png'></image>
      我的停车券
      <view class='detail'>
        <image src='../../assets/img/jian.png'></image>
      </view>
    </view>

    <view class='textStyle' bindtap='gotomange'>
      <image src='../../assets/img/che.png'></image>
      车辆管理
      <view class='detail'>
        <image src='../../assets/img/jian.png'></image>
      </view>
    </view>

    <view class='textStyle' bindtap='gotodetail' data-rule='{{park.stopFee}}'>
      <image src='../../assets/img/rule.png'></image>
      缴费规则
      <view class='detail'>
        <image src='../../assets/img/jian.png'></image>
      </view>
    </view>

    <view class='textStyle' bindtap='passc'>
      <image src='../../assets/img/wenti.png'></image>
      常见问题
      <view class='detail'>
        <image src='../../assets/img/jian.png'></image>
      </view>
    </view>
  </view>
</view>