<template>
  <view class="py-24rpx">
    <view class="bg-white py-30rpx px-base">
      <view class="text-xl flex">
        <view class="text-hex-808080">承运人：</view>
      </view>

      <view class="text-xl flex">
        <view class="text-hex-808080">运单号：</view>
        <view class="text-black">28137837338292928</view>
        <view class="bg-hex-E5E5E5 rounded-full h-50rpx text-md px-32rpx leading-50rpx ml-17rpx" @tap="onCopy">复制
        </view>
      </view>

      <view class="text-xl flex">
        <view class="text-hex-808080">预计送达：</view>
        <view class="text-black">9月14日晚</view>
      </view>
    </view>
    <view class="bg-white mt-24rpx p-30rpx">
      <u-time-line class="ml-24rpx">
        <u-time-line-item nodeTop="2">
          <template v-slot:node>
            <view class="u-node">
              <image class="w-48rpx h-48rpx" src="/static/images/user/user_sign-sign-icon.png" mode="scaleToFill" />
            </view>
          </template>
          <template v-slot:content>
            <view>
              <view class="text-xl">已签收</view>
              <view class="text-lg mt-4rpx">您的订单已由快递柜存放。如有疑问您可以联 系配送员，【郭师豪，182928377338】确认。 感谢您，欢迎再次光临。</view>
              <view class="text-md text-hex-808080 mt-10rpx">2021-02-30 09:15:54</view>
            </view>
          </template>
        </u-time-line-item>
        <u-time-line-item>
          <template v-slot:content>
            <view>
              <view class="text-xl text-hex-808080">派送中</view>
              <view class="text-lg mt-4rpx text-hex-808080">您的订单已由快递派送如有疑问您可以联 系配送员，【郭师豪，182928377338】确认。 感谢您，欢迎再次光临。
              </view>
              <view class="text-md text-hex-808080 mt-10rpx">2021-02-30 09:15:54</view>
            </view>
          </template>
        </u-time-line-item>
        <u-time-line-item>
          <template v-slot:content>
            <view>
              <view class="text-xl text-hex-808080">派送中</view>
              <view class="text-lg mt-4rpx text-hex-808080">您的订单已由快递运输中，请耐心等待，已到 达沈阳市.........</view>
              <view class="text-md text-hex-808080 mt-10rpx">2021-02-30 09:15:54</view>
            </view>
          </template>
        </u-time-line-item>
      </u-time-line>
    </view>
  </view>
</template>
<script>
  import uniCopy from '@/utils/uni-copy'
  export default {
    methods: {
      onCopy() {
        uniCopy({
            content:item.address ?? '',
            success:(res)=>{
              this.$u.toast(res);
            },
            error:(e)=>{
              this.$u.toast(e);
            }
        })
      },
    },
  };
</script>
