35 lines
917 B
Vue
35 lines
917 B
Vue
<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>
|