style: 首页调整

pages/index/index.vue

@@ -5,6 +5,16 @@
       <view class="title">今日任务</view>
       <!-- 当日计划 点击跳转 -->
       <view class="task-list">
+        <view class="task-item" @click="handleTaskClick">
+          <view class="name-state">
+            <view class="name">足球场休息室</view>
+            <u-tag text="已完成" type="success" border-color="transparent" />
+          </view>
+
+          <view class="time">
+            <u-tag text="9:00~12:00" type="info" border-color="transparent" />
+          </view>
+        </view>
         <view class="task-item">
           <view class="name-state">
             <view class="name">足球场休息室</view>
@@ -63,6 +73,8 @@
   </view>
 </template>
 <script>
+import { useRouter } from "@/utils/utils.js";
+
 import daySelect from "@/components/daySelect/index.vue";
 export default {
   components: {
@@ -81,6 +93,9 @@ export default {
       this.isToday = isToday;
       this.currentDate = date;
     },
+    handleTaskClick() {
+      useRouter("/pages/index/cleanPlan", {}, "navigateTo");
+    },
   },
 };
 </script>
@@ -105,6 +120,7 @@ export default {
     display: flex;
     flex-direction: column;
     .task-item {
+      margin-bottom: 20rpx;
       padding: 44rpx 30rpx;
       background: #ffffff;
       border-radius: 16rpx;