From 7450a99a61de5a06fd1ad5db1599b744f0eadf8c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Tue, 29 Aug 2023 14:18:40 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A1=AE=E6=9D=83=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/contracted/index.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/views/contracted/index.vue b/src/views/contracted/index.vue
index b5be8bda..8d9734ae 100644
--- a/src/views/contracted/index.vue
+++ b/src/views/contracted/index.vue
@@ -21,11 +21,11 @@
     </div>
 
     <div class="tab">
-      <div @click="changeTaskOption('FINISHED')">
+      <div :class="{active:taskOption=='FINISHED'}" @click="changeTaskOption('FINISHED')">
         <p><img src="../../../static/images/contracted/contracted_index_icon_4.png" alt="">已完成任务</p>
         <p><span>{{ surveyTask['FINISHED'].length }}</span>个</p>
       </div>
-      <div @click="changeTaskOption('UNFINISHED')">
+      <div :class="{active:taskOption=='UNFINISHED'}" @click="changeTaskOption('UNFINISHED')">
         <p><img src="../../../static/images/contracted/contracted_index_icon_5.png" alt="">进行中任务</p>
         <p><span>{{ surveyTask['UNFINISHED'].length }}</span>个</p>
       </div>
@@ -189,6 +189,9 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+    .active{
+      box-shadow: 0 5PX 10PX #c9c9c9;
+    }
     div{
       width: 44vw;
       height: 22vw;
@@ -196,9 +199,9 @@
       flex-direction: column;
       justify-content: center;
       padding: 0 5vw;
-      box-shadow: 0 5PX 10PX #c9c9c9;
       border-radius: 4vw;
       margin-top: 3vh;
+      position: relative;
       &:nth-child(1){
         background: url("../../../static/images/contracted/contracted_index_icon_2.png") no-repeat center;
         background-size: 100% 100%;
@@ -207,7 +210,7 @@
         background: url("../../../static/images/contracted/contracted_index_icon_3.png") no-repeat center;
         background-size: 100% 100%;
       }
-      img{
+      p img{
         width: 5vw;
         display: block;
         margin-right: 2vw;