init project

pages/basketballGym/index.wxml

@@ -0,0 +1,148 @@
+<!--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' 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='message'>进入您所在的智能门禁人脸识别区域</view>
+      </view>
+      <image src='../../images/22@3x.png'></image>
+      <view class='item'>
+        <view class='step'>第二步</view>
+        <view class='message'>贴近门禁摄像头进行人脸识别</view>
+      </view>
+      <image src='../../images/22@3x.png'></image>
+      <view class='item'>
+        <view class='step'>第三步</view>
+        <view class='message'>识别成功，门锁打开，请在5秒钟内进门</view>
+      </view>
+    </view>
+    <view class='bottom'>
+      说明: 余额充足情况下，可直接进行人脸识别进场，无需再次使用手机。
+    </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='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 class='share-btn-box'>
+  <button open-type='share'></button>
+  <image src='https://yingdd.oss-cn-hangzhou.aliyuncs.com/9bc27242fd0c9f9f08d867dc027cc82b.png' style='width:100%; height: 100%'></image>
+</view>