schoolwisdoms-student-mp/pages/pianoDetail/pianoDetail.wxml

<view class="container">
    <navTop title="支付"></navTop>
    <view class="top-view">
      <view class="card-img">
        <image mode="aspectFill" src="{{item.imgUrl ? item.imgUrl : 'https://file.schoolwisdoms.com/image/0e02f9fc-1d41-4551-a150-b1be8196b49d.jpg'}}"></image>
      </view>
      <view class="card-msg">
        <view class="title">{{item.name}}</view>
        <view class="detail">可转赠 不可退 火热抢购中</view>
        <view class="time">有效期: {{item.beginDate}} 至 {{item.endDate}}</view>
      </view>
    </view>
    <view class="mid-line"></view>
    <view class="middle-view">
      <view class="num-view">
        <view class="label num-label">数量</view>
        <view class="edit-num-view">
          <view class="rem {{num == 1?'rem-false':''}}" bindtap="remNum">一</view>
          <view class="num">{{num}}</view>
          <view class="add {{num >= 10?'rem-false':''}}" bindtap="addNum">十</view>
        </view>
      </view>
      <view class="total-view">
        <view class="label">支付金额</view>
        <view class="money-show-view">{{item.money}} 元</view>
      </view>
    </view>
    <view class="school-view" wx:if="{{schoolList.length > 0}}">
      <view class="school-title">
        最近校区
      </view>
      <view class="dis-school">
        <view class="school-msg">
          <view class="school-name">{{schoolList[0].name}}</view>
          <view class="school-addr">{{schoolList[0].address}}</view>
        </view>
        <view class="school-other">
          <view class="dis-view" wx:if="{{schoolList[0].distance < 999999}}">{{schoolList[0].distance}}KM</view>
          <view catchtap="callPhone" class="call-view" data-index="0" >
            <image src="{{imageUrl ? imageUrl+'phone0615_2.png' : ''}}"  wx:if="{{schoolList[0].CONTRACT_TELEPHONE}}"></image>
          </view>
        </view>
      </view>

      <view class="dis-school" wx:for="{{schoolList}}" wx:key="index" wx:if="{{index > 0 && moreFlag == 1 }}">
        <view class="school-msg">
          <view class="school-name">{{item.name}}</view>
          <view class="school-addr">{{item.address}}</view>
        </view>
        <view class="school-other">
          <view class="dis-view" wx:if="{{schoolList[0].distance < 999999}}">{{item.distance}}KM</view>
          <view catchtap="callPhone" class="call-view" data-index="{{index}}" >
            <image src="{{imageUrl ? imageUrl+'phone0615_2.png' : ''}}"  wx:if="{{item.CONTRACT_TELEPHONE}}"></image>
          </view>
        </view>
      </view>
      <view class="other-school" bindtap="getMoreSchool">
        <view>
          全部适用门店
        </view>
        <view class="school-total">共{{schoolList.length}}家 > </view>
      </view>
    </view>
    <view class="mid-line"></view>
    <view class="tip-view">
      <view class="tip-title">使用细则</view>
      <view class="content">
        <view>
          1、7*24 随时约 ，约课时间在练琴卡有效期内即可
        </view>
        <view>
          2、每人最多有2次约课机会，每次30分钟，（换句话说：一天最多可以约1个小时
        </view>
        <view>
          3、必须消课后，该次数自动释放，（例如：某学生，约5号、6号各一次，当5号练完后，立刻释放一次约课机会，学生又可以约下一次）
        </view>
        <view>
          4、惩罚机制：如旷课，未出席，所约课程结束时间起计算，惩罚72小时内无法约课，该惩罚时间可由学校自行设置。（例如：例如：某学生，约5号17:00-17:30、6号各一次，5号缺席，6号已约课程可正常出席，但无法再约课，且惩罚发的时间段为：5号的17:30起的72小时后）<br />
        </view>
        <view>
          5、消息提醒推送：提前90分钟，主动推送给家长已约好的时间段提醒，给2个选择框：准时出席，请假
        </view>
        <view>
          6、取消机制为：提前60分钟前取消，不予惩罚。请假的时间可由学校自行设置。
        </view>
        <view>
          7、候补机制：当学生有约课机会时，如该时间段满员，该时段出现候补字样。所有的约课，都针对某一时间段的时间。
        </view>
        <view>
          8、前台权限：如有家长忘记或遗漏选择请假，前台有释放任意空位的权限
        </view>
        <view>
          9、考勤：在约可以的有效时间段内，学生可以进行人脸或指纹打卡
        </view>
        <view>
          10、取消惩罚：校长对缺勤的学员取消预约限制
        </view>
      </view>
    </view>
    <view class="buy-btn" bindtap="tabBuy" wx:if="{{isBuy}}">
      {{item.money}}元抢
    </view>

    <view class="buy-btn" bindtap="showDownLoad"  wx:if="{{!isBuy}}">
      请前往App购买
    </view>
    <view class="downLoad-bg" bindtap="hideDownLoad" wx:if="{{downLoadShow}}"></view>
    <view class="downLoad-code" wx:if="{{downLoadShow}}">
        <image src="/images/ewm.png"></image>
        <view class="code-tip">安卓用户可以扫码下载，苹果用户请前往AppStore下载</view>
    </view>

  </view>