<template>
  <view class="">
    <view class="img">
      <image src="../../static/img/task/car.png"></image>
    </view>
    <view class="center_card">
      <u-steps direction="column" dot>
        <u-steps-item title="开始地点: 某某村">
        </u-steps-item>
        <u-steps-item title="中转地点: 某某村">
        </u-steps-item>
        <u-steps-item title="结束地点: 某某村"></u-steps-item>
      </u-steps>
    </view>
    <view class="center_card">
      <view class="item">
        <view>开始地点：<text>通滩镇砾石村1组</text></view>
        <view>抵达时间：<text>2023/08/02 11:00:35</text></view>
      </view>
      <view class="item">
        <view>中转地点：<text>通滩镇砾石村1组</text></view>
        <view>抵达时间：<text>2023/08/02 11:00:35</text></view>
      </view>
      <view class="item">
        <view>结束地点：<text>通滩镇砾石村1组</text></view>
        <view>抵达时间：<text>2023/08/02 11:00:35</text></view>
      </view>
    </view>
    <mybtn text="开始任务"></mybtn>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    onLoad() {},
    onShow() {},
    methods: {},
    onPullDownRefresh() {
      uni.stopPullDownRefresh()
    }
  }
</script>

<style lang="scss">
  .img {
    padding-top: 90rpx;
    padding-bottom: 20rpx;
    display: flex;
    justify-content: center;

    image {
      width: 443rpx;
      height: 241rpx;
    }
  }

  .center_card {
    width: 694rpx;
    // height: 226rpx;
    background: #FFFFFF;
    border-radius: 18rpx 18rpx 18rpx 18rpx;
    opacity: 1;
    margin: 0 auto;
    padding: 28rpx;
    margin-bottom: 28rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #999999;
    .item{
      margin-bottom: 28rpx;
      line-height: 48rpx;
      &:last-child{
        margin-bottom: 0;
      }
      text{
        color: #333;
      }
    }
  }
</style>