【feat】【v3】

1.增加页面tag

src/pages/taskList.vue

@@ -15,8 +15,16 @@
           <view class="item-header">
             <span class="item-title">{{ task.taskName }}</span>
             <span class="item-reward">x{{ task.points }}</span>
-            <view class="item-tag" v-if="task.fullAttendanceFlag">全勤奖励</view>
-            <view class="item-tag" v-if="task.weekendDoubleFlag">周末双倍</view>
+
+          </view>
+          <view class="item-desc"
+            v-if="task.fullAttendanceStatus || task.holidayStatus || task.taskPointsStatus || task.continueStatus || task.autoStatus">
+            标签：
+            <view class="item-tag" v-if="task.fullAttendanceStatus == COMMON_ENABLED_STATUS.ENABLED">全勤双倍</view>
+            <view class="item-tag" v-if="task.holidayStatus == COMMON_ENABLED_STATUS.ENABLED">节假日双倍</view>
+            <view class="item-tag" v-if="task.taskPointsStatus == COMMON_ENABLED_STATUS.ENABLED">任务积分</view>
+            <view class="item-tag" v-if="task.continueStatus == COMMON_ENABLED_STATUS.ENABLED">连续规则</view>
+            <view class="item-tag" v-if="task.autoStatus == COMMON_ENABLED_STATUS.ENABLED">自动打卡</view>
           </view>
           <view class="item-desc">
             描述：{{ task.description }}
@@ -76,6 +84,7 @@ import { ref } from 'vue';
 import { onPullDownRefresh, onShow } from "@dcloudio/uni-app";
 import { punchInApi } from '@/apis/apis.js';
 import router from '@/common/router.js';
+import { COMMON_ENABLED_STATUS } from '@/common/enums';
 
 // 组件
 /**
@@ -331,30 +340,6 @@ onPullDownRefresh(() => {
           color: #000000;
         }
 
-        .item-tag:first-child {
-          margin-left: 24rpx;
-        }
-
-        .item-tag {
-          margin-left: 16rpx;
-          width: 94rpx;
-          height: 38rpx;
-          opacity: 1;
-          border-radius: 24rpx;
-          background: #FFFFFF;
-          border: 1px solid #406CE7;
-
-          display: inline-flex;
-          justify-content: center;
-          align-items: center;
-
-          font-size: 18rpx;
-          font-weight: 400;
-          letter-spacing: 0rpx;
-          color: #406CE7;
-
-        }
-
         .item-btn {
           display: inline-flex;
           position: absolute;
@@ -382,6 +367,32 @@ onPullDownRefresh(() => {
         color: #000000;
       }
 
+      .item-tag:first-child {
+        margin-left: 0rpx;
+      }
+
+      .item-tag {
+        margin-left: 16rpx;
+        // width: 94rpx;
+        // height: 38rpx;
+        padding: 0rpx 8rpx;
+        opacity: 1;
+        border-radius: 16rpx;
+        background: #FFFFFF;
+        border: 1px solid #406CE7;
+
+        display: inline-flex;
+        justify-content: center;
+        // align-items: center;
+        align-content: center;
+
+        font-size: 18rpx;
+        font-weight: 400;
+        letter-spacing: 0rpx;
+        color: #406CE7;
+
+      }
+
       .item-detail-list {
         margin-top: 16rpx;
         display: grid;