venue_wx/pages/basketballGym/index.wxml

<!--pages/basketballGym/index.wxml-->
<header title="{{venues.name}}" isGoHome="{{isGoHome}}"></header>
<view class='container' wx:if="{{venues.name}}">
  <swiper class='header' indicator-dots="{{venues.images.length > 1}}" autoplay="{{true}}" circular="{{true}}">
    <block wx:for="{{venues.images}}" wx:key="{{index}}">
      <swiper-item>
        <image src="{{item.url}}" mode='aspectFill'></image>
      </swiper-item>
    </block>
  </swiper>
  <view class='cell-box'>
    <view class='cell'>
      <image src='../../images/42@3x.png' mode='aspectFit'></image>
      <text>{{venues.businessTime}}</text>
    </view>
    <view class='cell' bindtap='opnGPS'>
      <image src='../../images/41@3x.png' mode='aspectFit'></image>
      <text>{{venues.address}}</text>
      <view class='cell-right'>
        <image src='../../images/34@3x.png' class='gps-img'></image>
        <text>导航</text>
      </view>
    </view>
    <view class='cell unline'>
      <image src='../../images/36@3x.png' mode='aspectFit'></image>
      <text>{{venues.contact}}</text>
      <view class='phone-number' bindtap='callPhone'>{{venues.phone}}</view>
    </view>
    <view class='cell unline'>
      <image src='../../images/25@3x.png' mode='aspectFit'></image>
      <text>按时间段收费</text>
      <view class='cell-right-btn' bindtap='recharge'>充值</view>
    </view>
    <view class='dynamic-height'>
      <block wx:if="{{venues.venuePriceList.length>0}}">收费说明: </block>
      <block wx:else>篮球馆暂未开放</block>
      <block wx:for="{{venues.venuePriceList}}" wx:key="{{index}}">
        <view>每日{{item.starTime}}-{{item.endTime}} {{item.price >= 0 ? "￥"+item.price + "/次" : '免费公益'}};</view>
      </block>
    </view>
  </view>
  <view class='cell-box'>
    <view class='cell'>
      <image src='../../images/40@3x.png' mode='aspectFit'></image>
      <view class='title'>
        <text>VIP会员享受专属特权</text>
        <image src='../../images/5@3x.png' wx:if="{{venues.cardContent}}" bindtap='showCardContent'></image>
      </view>
    </view>
    <view class='cell unline' wx:for="{{venues.cards}}" wx:key="{{index}}">
      <view class='tip'>{{item.cardName}}</view>
      <text>￥{{item.price}}</text>
      <view class='buy-btn' bindtap='nowBuy' data-index='{{index}}'>立即购买</view>
    </view>
    <view class='cell unline'>
      <view class='tip'>单次</view>
      <text>选购</text>
      <view class='buy-btn' bindtap='recharge'>立即购买</view>
    </view>
  </view>
  <view class='cell-box'>
    <view class='cell'>
      <image src='../../images/35@3x.png' mode='aspectFit'></image>
      <view class='title'>
        <text>篮球馆介绍</text>
      </view>
    </view>
    <view class='rich-box'>
      <rich-text nodes="{{venues.description}}"></rich-text>
    </view>
  </view>

  <view class='footer-btn' wx:if="{{venues.enterFlag=='0'}}" bindtap='out'>我要出场</view>
  <view class='footer-btn' wx:else bindtap='enter'>我要进场</view>
</view>

<view class='in-step-popup' catchtouchmove='unMove' wx:if="{{flg == 0}}">
  <view class='body'>
    <view class='top'>
      <view class='title'>
        <image src='../../images/24@3x.png'></image>
        <text>请出示二维码</text>
      </view>
      <image src='../../images/23@3x.png' bindtap='closeInStep'></image>
    </view>
    <view class='center'>
      <view class='item'>
        <view class='step'>扫码开门</view>
        <view class='barcode'>
          <canvas class="barcode-canvas" style="width: 200px; height: 200px;" canvas-id="myQrcode"></canvas>
<!--          <canvas type="2d" class='title' canvas-id="myQrcode" style="width: 400rpx; height: 400rpx"></canvas>-->
        </view>
      </view>
      <image src='../../images/22@3x.png'></image>
      <view class='item'>
        <view class='message'>如有问题，请联系管理员</view>
      </view>
    </view>
  </view>
</view>

<view class='buyVIPPopup' catchtouchmove='unMove' wx:if="{{isShowBuyVip}}">
  <view class='popup-body'>
    <view class='popup-header'>
      <text>会员卡购买</text>
      <image src='../../images/23@3x.png' catchtap='closeBuyVipPopup'></image>
    </view>
    <view class='popup-center'>
      <view class='popup-cell'>
        <text>会员卡类型</text>
        <text>{{buyVipObj.cardName}}</text>
      </view>
      <view class='popup-cell'>
        <text>价格</text>
        <text>￥{{buyVipObj.price}}</text>
      </view>
    </view>
    <view class='popup-btn' catchtap='buyVip'>确认支付</view>
  </view>
</view>

<view class='in-step-popup' catchtouchmove='unMove' wx:if="{{flg == 999}}">
  <view class='small-body body'>
    <view class='top'>
      <view class='title'>
        <image src='../../images/24@3x.png'></image>
        <text>门禁异常</text>
      </view>
      <image src='../../images/23@3x.png' bindtap='closeInStep'></image>
    </view>
    <view class='center'>
      <view class='item'>
        <view class='step'>门禁已掉线，请联系管理员</view>
      </view>
    </view>
  </view>
</view>

<view class='unclick-mask' wx:if="{{showUnclickMask}}"></view>

<view class='card-mask' catchtouchmove='unMove' wx:if="{{showCardMask}}" bindtap='cancelCardMask'>
  <view class='card-box' catchtap='unMove'>
    <view class='close' catchtap='cancelCardMask'>
      <image src='../../images/23@3x.png'></image>
    </view>
    <view class='title'>VIP会员享受专属特权</view>
    <rich-text class='info-rich' nodes="{{venues.cardContent}}"></rich-text>
  </view>
</view>

<confirm-dialog title="提示" message="余额不足，请先充值余额" confirmBtnTitle="充值" bindcancelselect="cancelDeleteDialog" bindconfirmselect="confirmDeleteDialog" wx:if="{{flg == 2}}"></confirm-dialog>

<!--<confirm-dialog title="提示" message="请先上传照片，以供人脸识别入场" bindcancelselect="cancelDeleteDialog" bindconfirmselect="confirmDeleteDialog" wx:if="{{flg == 1}}"></confirm-dialog>-->

<confirm-dialog title="提示" message="请先绑定微信" confirmBtnTitle="绑定" isUserInfo="{{true}}" bindcancelselect="cancelWXDialog" bindgetuserinfo="getUserInfo" wx:if="{{isWxLogin}}"></confirm-dialog>

<view wx:if="{{ venues.status == 0 }}" class='share-btn-box'>
  <button open-type='share'></button>
  <image src='../../images/10@3x.png' style='width:100%; height: 100%'></image>
</view>
<view wx:else class='newplot'>
  <image src='../../images/noContent.png'></image>
  <text>场馆维护中，请等待场馆恢复 ~</text>
</view>