From 1086339e4d526f15ba3d558094b375f4e23478e7 Mon Sep 17 00:00:00 2001
From: zhangyc <zhangyc@dongwu-inc.com>
Date: Mon, 24 Oct 2022 11:59:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A6=9C=E5=8D=95=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/ProjectScore.vue | 99 ++++++++++++++++---------
 1 file changed, 63 insertions(+), 36 deletions(-)

diff --git a/src/components/drawers/ProjectScore.vue b/src/components/drawers/ProjectScore.vue
index 5d27796e..1c805b60 100644
--- a/src/components/drawers/ProjectScore.vue
+++ b/src/components/drawers/ProjectScore.vue
@@ -50,13 +50,14 @@
         <div class="scorelist">
           <div class="grouprightscore">
             <div class="sbutton" @click="stuValue = !stuValue">
-              <div class="wh" :class="stuValue ? 'sImage0' : 'sImage'"></div>
-
+              <img v-if=stuValue src="../../assets/images/taskpage/stu0.png"/>
+              <img v-else src="../../assets/images/taskpage/stu.png"/>
               <div :class="stuValue ? '' : 'btn1'">学员积分榜</div>
             </div>
             <div class="sbutton" @click="stuValue = !stuValue">
-              <div class="wh" :class="stuValue ? 'group' : 'group0'"></div>
-
+              
+              <img v-if=stuValue src="../../assets/images/taskpage/group.png"/>
+              <img v-else src="../../assets/images/taskpage/group0.png"/>
               <div :class="stuValue ? 'btn1' : ''">小组积分榜</div>
             </div>
           </div>
@@ -318,6 +319,7 @@ export default {
       todayvalue: "1",
       tableDataTotal: 30,
       stuValue: false,
+      
     });
     return {
       ...toRefs(state),
@@ -325,33 +327,71 @@ export default {
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .content3 {
   margin-top: 20px;
+  
   .group {
-    display: flex;
-    justify-content: space-between;
-    .groupleft {
       display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-      margin-left: 32px;
-      .groupname {
-        height: 22px;
-        width: 70px;
-        color: #000000;
-        font-size: 14px;
+      justify-content: space-between;
+      .groupleft {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        margin-left: 32px;
+        .groupname {
+          height: 22px;
+          width: 70px;
+          color: #000000;
+          font-size: 14px;
+        }
+      }
+      .groupright {
+        display: flex;
+        .btn1 {
+          width: 100px;
+          height: 40px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 16px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          background: #409eff;
+          cursor: pointer;
+          .btn1text {
+            color: #ffffff;
+            margin-left: 5px;
+            font-size: 14px;
+          }
+        }
+        .btn2 {
+          width: 100px;
+          height: 40px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 32px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          cursor: pointer;
+          background: #ffffff;
+          .btn2text {
+            color: #409eff;
+            margin-left: 5px;
+            font-size: 14px;
+          }
+        }
       }
     }
-  }
   .scorelist {
-    padding-left: 382px;
-    padding-right: 382px;
+    padding-left: 20%;
+    padding-right: 20%20%;
     padding-bottom: 100px;
     padding-top: 50px;
     .grouprightscore {
       display: flex;
-      justify-content: space-evenly;
+      justify-content: center;
       margin-bottom: 30px;
       text-align: center;
       .sbutton {
@@ -359,23 +399,10 @@ export default {
         flex-direction: column;
         align-items: center;
         justify-content: center;
+        margin-left: 10%;
+        margin-right: 10%;
       }
-      .wh {
-        width: 40px;
-        height: 40px;
-      }
-      .sImage0 {
-        background-image: url(@/assets/images/taskpage/stu0.png);
-      }
-      .sImage {
-        background-image: url(@/assets/images/taskpage/stu.png);
-      }
-      .group0 {
-        background-image: url(@/assets/images/taskpage/group0.png);
-      }
-      .group {
-        background-image: url(@/assets/images/taskpage/group.png);
-      }
+
       .btn1 {
         color: #409eff;
       }