wechat-pilelog/pages/reservation/reservation.wxml

<!--pages/reservation/reservation.wxml-->

<view class='charging_text_title'>
    <view class='charging'>
      <image src='/images/charging2_1.png'></image>
    </view>
    <view class='charging_text_title1'><!--
      <text class='bold'>{{chargPile.chargPileName}}</text>
      <text class="h1">终端编号：{{chargPile.chargPileId}}</text>-->
      <text class='bold'>{{chargPileName}}</text>
      <text class="h1">终端编号：{{chargPileId}}</text>
    </view>
</view>
<view class="select_card">
  <view class="card {{dayIndex==1?'active':''}}" data-idx="1" bindtap="switchDay">
    <view class="title">{{dayFlag1}}</view>
    <image src="/images/yulan.png"/>
  </view>
  <view class="card {{dayIndex==2?'active':''}}" data-idx="2" bindtap="switchDay">
    <view class="title">{{dayFlag2}}</view>
    <image src="/images/yulan.png"/>
  </view>
  <view class="card {{dayIndex==3?'active':''}}" data-idx="3" bindtap="switchDay">
    <view class="title">{{dayFlag3}}</view>
    <image src="/images/yulan.png"/>
  </view>
  <view class="card {{dayIndex==4?'active':''}}" data-idx="4" bindtap="switchDay">
    <view class="title">{{dayFlag4}}</view>
    <image src="/images/yulan.png"/>
  </view>
</view>
<view class="title2">已预约时段</view>
<view class="title2_sub">(显示近4天已预约时段，请酌情选择预约时间)</view>
<view class="title2_line"></view>
<scroll-view class="scrollView" scroll-y='true' wx:if="{{timeList.length > 0}}">
  <view wx:for="{{timeList}}" wx:key="unique" data-index="{{index}}" class="card">{{item.starttime}} ~ {{item.endtime}}
  </view>
</scroll-view>

<view class="scrollView" wx:if="{{timeList.length == 0}}">
  <view class="noList">暂无已预约时段</view>
</view>
<button class='login_button' bindtap="goReservation" >预约充电</button>