From 04e7a8cd5b1e531d99d1b6f4607e43816dc9e7e7 Mon Sep 17 00:00:00 2001
From: Kane <wangkane@qq.com>
Date: Sat, 4 Mar 2023 00:09:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=A7=8B=E8=AE=BE=E8=AE=A1=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/web/task_schedule/src/style.css          |  5 +-
 .../src/views/DesktopArchievement.vue         | 66 +++++++++++++------
 2 files changed, 49 insertions(+), 22 deletions(-)

diff --git a/code/web/task_schedule/src/style.css b/code/web/task_schedule/src/style.css
index 2ae04a9..7ae7826 100644
--- a/code/web/task_schedule/src/style.css
+++ b/code/web/task_schedule/src/style.css
@@ -5,10 +5,9 @@ html {
 }
 
 body {
-    width: 100vw;
-    height: 100vh;
+    /* width: 100vw;
+    height: 100vh; */
     padding: 0px;
     margin: 0px;
     overflow: hidden;
 }
-
diff --git a/code/web/task_schedule/src/views/DesktopArchievement.vue b/code/web/task_schedule/src/views/DesktopArchievement.vue
index c9b0321..d882cf2 100644
--- a/code/web/task_schedule/src/views/DesktopArchievement.vue
+++ b/code/web/task_schedule/src/views/DesktopArchievement.vue
@@ -9,7 +9,13 @@
 -->
 <template>
     <div class="view-wrapper">
-        <span>对标先进&nbsp;比学赶超</span>
+        <!-- <div class="left-wrapper"></div> -->
+        <div class="center-wrapper">
+            <span class="slogan">对标先进&nbsp;比学赶超</span>
+        </div>
+        <div class="right-wrapper">
+
+        </div>
     </div>
 </template>
 
@@ -44,30 +50,52 @@ export default {
 <style scoped lang="scss">
 .view-wrapper {
     box-sizing: border-box;
+    min-height: 600px;
     height: 100vh;
+    min-width: 1280px;
     width: 100vw;
-    border: 1px solid red;
-}
+    padding: 5mm;
+    display: flex;
+    justify-content: end;
+    align-items: stretch;
 
-span {
-    margin: 0px;
-    display: block;
+    .slogan {
+        margin: 0px;
+        padding-top: 15px;
+        display: block;
+        text-align: center;
 
-    font: {
-        family: "FZ-ZHUOHEI";
-        weight: 100;
-        size: 70px;
+        font: {
+            family: "FZ-ZHUOHEI";
+            weight: 100;
+            size: 70px;
+        }
+
+        color: $color-bg-05;
+        text-shadow: #feebb1 0px 0px,
+        #feebb1 5px 0px,
+        #feebb1 -5px -0px,
+        #feebb1 -0px -5px,
+        #feebb1 -4px -4px,
+        #feebb1 4px 4px,
+        #feebb1 4px -4px,
+        #feebb1 -4px 4px;
     }
 
-    color: $color-bg-05;
-    text-shadow: #feebb1 0px 0px,
-    #feebb1 5px 0px,
-    #feebb1 -5px -0px,
-    #feebb1 -0px -5px,
-    #feebb1 -4px -4px,
-    #feebb1 4px 4px,
-    #feebb1 4px -4px,
-    #feebb1 -4px 4px;
+    div {
+        border: 1px solid red;
+        box-sizing: border-box;
+    }
+}
+
+.center-wrapper {
+    width: 50%;
+    // margin-left: auto;
+}
+
+.right-wrapper {
+    min-width: 400px;
+    width: 25%;
 }
 </style>
 <style lang="scss">