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

<view class="page-logistics">
  <view class="header-wrap">
    <image class="header-bg" src="/assets/imgs/7_1_0/logistics-bg.jpg"></image>
    <view class="logistics-status">
      <view class="status">物流公司：{{logisData.company}}</view>
      <view class="desc">物流单号：{{logisData.no}}</view>
      <view class="copy" bindtap="copy" data-content="89687687687687786">复制</view>
    </view>
  </view>

   <!-- 物流时间轴 -->
  <view class='expressRecord'>
    <view class='expressRecord-single-close' wx:for="{{logisData.list}}" wx:key="{{index}}">
      <view class='expressRecord-single-noReach-online-top-close'>
        <view class="online-top-close {{index ==0 ? 'online-top-closing' : ''}}" ></view>
        <view class="dot-icon">
          <!-- 订单提交成功 -->
          <!-- <image class="dot-icon-close" src="/assets/imgs/7_1_0/submit-order.png"></image> -->
          <!-- <image class="dot-icon-closing" src="/assets/imgs/7_1_0/submit-order-primary.png"></image> -->

          <!-- 订单发货 -->
          <!-- <image class="dot-icon-close" src="/assets/imgs/7_1_0/deliver.png"></image> -->
          <!-- <image class="dot-icon-closing" src="/assets/imgs/7_1_0/deliver-success.png"></image> -->

          <!-- 运输 -->
          <!-- <image class="dot-icon-close" src="/assets/imgs/7_1_0/transport.png"></image> -->
          <!-- <image class="dot-icon-closing" src="/assets/imgs/7_1_0/transport-success.png"></image> -->

          <!-- 签收 -->
          <!-- <image class="dot-icon-close" src="/assets/imgs/7_1_0/sign.png"></image> -->
          <!-- <image class="dot-icon-closing" src="/assets/imgs/7_1_0/sign-success.png"></image> -->

          <!-- 交易完成 -->
          <image class="dot-icon-closing" src="/assets/imgs/7_1_0/trade-success.png"></image>
        </view>
        <view class='dot-close' wx:if="{{false}}"></view>
        <view class="online-bottom {{index == logisData.list.length-1 ? 'online-top-closing' : ''}}" ></view>
      </view>

      <view class='expressRecord-text'>
        <view class='expressRecord-status'>{{item.remark}}</view>
        <!-- <view class='expressRecord-status-address'>{{}}</view> -->
      </view>

      <view class='expressRecord-date'>
        <view class='expressRecord-date-text'>
          {{item.time}}
        </view>
        <view class='expressRecord-date-time'>
          {{item.date}}
        </view>
      </view>
    </view>
  </view>

  <view class="button-wrap">
    <button class="btn btn-primary btn-lg">确认收货</button>
    <button class="btn btn-lg btn-gray">申请退货</button>
  </view>
</view>




