xz_gangba/pages/book/book.wxml

<view class="top-select">
  <view class="select-box {{item.venuesProjectId == selectVenuesProject ? 'active' :''}}" wx:for="{{venuesProjectList}}" wx:key="index" 
    bindtap="changeProject" data-id="{{item.venuesProjectId}}">
    <image src="../../images/selected-l.png" class="select-l"></image>
    {{item.projectName}}
    <image src="../../images/selected-r.png" class="select-r"></image>
  </view>
</view>
<view class="venue-info">
  <view class="title">简介：</view>
  <view class="content">{{projectDetail.projectDescription}}</view>
</view>
<view class="date">
  <view class="date-container">
    <view class="date-box {{item == bookingOrderDate? 'active' : ''}}" wx:for="{{bookingOrderDateList}}" wx:key="index" bindtap="changeDate" data-date="{{item}}">{{item}}</view>
  </view>
</view>
<view class="ground">
  <view class="ground-container">
    <view class="ground-box {{item.groundInfoId == selectGround? 'active' : ''}}" wx:for="{{groundList}}" wx:key="index" 
      bindtap="changeGround" data-index="{{index}}" data-id="{{item.groundInfoId}}">
      <image src="../../images/selected-l.png" class="left"></image>
      {{item.groundName}}
      <image src="../../images/selected-r.png" class="right"></image>
    </view>
  </view>
</view>
<view class="time">
  <view class="time-box {{item.checked == '1'? 'selected' : ''}}" wx:for="{{itemTimeList}}" wx:key="index" bindtap="selectItemTime" data-data="{{item}}" data-index="{{index}}">
    <view>{{item.timeStr}}-{{item.timeEnd}}</view>
    <view>{{item.price == '0' ? '免费' : item.price + '元'}}</view>
  </view>
</view>
<view class="bottom">
  <view class="phone-code">
    <view class="row">
      <view class="row-title">手机号：</view>
      <view class="row-input">
        <input placeholder="请输入手机号" model:value="{{phoneNumber}}"></input>
      </view>
    </view>
    <view class="row">
      <view class="row-title">验证码：</view>
      <view class="row-input">
        <input placeholder="请输入验证码" class="code-input" model:value="{{smsCode}}"></input>
        <view class="get-code" bindtap="getSmsCoce" wx:if="{{!gotCode}}">获取验证码</view>
        <view class="got-code" wx:else>{{restTime}}</view>
      </view>
    </view>
  </view>
  <view class="pay-book">
    <view class="pay" bindtap="doCheckOrder">
      订单金额：{{totalPrice == '0'? '-' : totalPrice + '元'}}
    </view>
    <view class="book" bindtap="saveBookingInfo">
      预定
    </view>
  </view>
</view>
<view class="order-info" bindtap="closeCheckOrder" wx:if="{{checkOrder}}">
  <view class="order-container">
    <view class="order-title">订单信息</view>
    <view class="order">
      <view class="order-box" wx:for="{{mySelectItem}}" wx:key="index">
        <view class="top">
          <view>{{item.bookingOrderDate}}</view>
          <view>{{item.timeStr}}-{{item.timeEnd}}</view>
        </view>
        <view class="bottom-info">
          <view>{{item.groundName}}</view>
          <view wx:if="{{!item.price}}">免费</view>
          <view wx:else >{{item.price}}元</view>
        </view>
      </view>
    </view>
  </view>
</view>