<view class="venue">
  <view class="venue-img">
    <image src="../../images/center-bg.png"></image>
  </view>
  <view class="venue-info">
    <view class="venue-title">场馆</view>
    <view class="time-number">
      <text>订单编号：</text>123456789
    </view>
    <view class="time-number">
      <text>下单时间：</text>10:10:10
    </view>
    <view class="time-number">
      <text>价　　格：</text>15元
    </view>
  </view>
</view>
<view class="book">
  <view class="book-title">预定详情</view>
  <view class="order">
    <view class="order-box">
      <view class="top">
        <view>2020-01-01</view>
        <view>12:00-13:00</view>
      </view>
      <view class="bottom">
        <view>场地1</view>
        <view>15元</view>
        <view class="cancel">取消预定</view>
      </view>
    </view>
    <view class="order-box">
      <view class="top">
        <view>2020-01-01</view>
        <view>12:00-13:00</view>
      </view>
      <view class="bottom">
        <view>场地1</view>
        <view>15元</view>
        <view class="cancel">取消预定</view>
      </view>
    </view>
    <view class="order-box">
      <view class="top">
        <view>2020-01-01</view>
        <view>12:00-13:00</view>
      </view>
      <view class="bottom">
        <view>场地1</view>
        <view>15元</view>
        <view class="cancel">取消预定</view>
      </view>
    </view>
    <view class="order-box">
      <view class="top">
        <view>2020-01-01</view>
        <view>12:00-13:00</view>
      </view>
      <view class="bottom">
        <view>场地1</view>
        <view>15元</view>
        <view class="cancel">取消预定</view>
      </view>
    </view>
  </view>
</view>
<view class="cancel-all">全部取消</view>