bike-alipay/pages/trip/trip.axml

<view class="trip">
  <view class="trip-list">
    <view class="trip-list-item" onTap="tripDetail" a:for="{{orderList}}" a:key='index' data-index="{{item}}"> 
      <view class="title">
        <view class="title-left">电单车</view>
        <view class="title-right"> 
        <text a:if="{{item.status==1}}">骑行中</text>
          <text a:if="{{item.status==2}}" style="color:#18D5B9;">待支付</text>
          <text a:if="{{item.status==3}}">已完成</text>
          <text a:if="{{item.status==4}}" style="color:#F4915B;">已关闭</text>
          <text a:if="{{item.status==0}}">临时停车</text>
          <text class="iconfont icon-iconfontjiantou2" style="font-size:28rpx"></text></view>
      </view>
      <view class="time">
        <image src="../../img/time.png" class="time-image"></image>
        <view class="time-text">车辆编号：{{item.bike_no}}</view>
      </view>
      <view class="dizhi">
        <view class="dizhi-left">
          <view class="dian1"></view>
          <view class="dian2"></view>
          <view class="xian"></view>
        </view>
        <view class="dizhi-right">
          <view class="place">开始时间：{{item.start_use_bike_time}}</view>
          <view class="place">结束时间：{{item.end_use_bike_time}}</view>
        </view>
        <view class="time">{{item.use_bike_time_length}}</view>
      </view>
    </view>
  </view>
  <view class="none" a:if="{{orderList.length==0}}">
    <image src="../../img/nocard.png"></image>
    <view class="more">暂无数据</view>
  </view>
  
</view>