<template>
  <view>
    <CuNavbar title="我的任务"></CuNavbar>
    <uv-sticky bgColor="#fff">
      <uv-tabs
        :activeStyle="{ color: '#ee2c37' }"
        :scrollable="false"
        lineColor="#ee2c37"
        :list="tabList"
      ></uv-tabs>
    </uv-sticky>
    <view class="px-base space-y-20rpx mt-30rpx">
      <view v-for="item in 4" class="card-shadow bg-white rounded-19rpx p-base space-y-10rpx">
        <view class="text-30rpx">月度清洁任务</view>
        <view class="text-24rpx text-hex-999999">
          任务时间：2022年03月01号 - 2022年03月31号
        </view>
        <view class="text-24rpx text-hex-999999">待完成</view>
      </view>
    </view>
  </view>
</template>
<script setup>
import CuNavbar from '@/components/cu-navbar/index'
import { ref } from 'vue'
const tabList = ref([
  {
    name: '任务列表',
  },
  {
    name: '任务审核',
  },
])
</script>
