From 409e2ed68c13f7e76c2b4bc24c9bcdd8f92d4863 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=99=93=E9=B8=BD?= <lixg@dongwu-inc.com>
Date: Sat, 22 Oct 2022 16:10:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E6=A8=A1=E6=9D=BF?=
 =?UTF-8?q?=E5=BA=93-=E6=9F=A5=E7=9C=8B-=E4=BB=BB=E5=8A=A1=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/views/projectcenter/LibraryAdd.vue | 170 ++++++++++++-------------
 1 file changed, 85 insertions(+), 85 deletions(-)

diff --git a/src/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index 266760ad..648556be 100644
--- a/src/views/projectcenter/LibraryAdd.vue
+++ b/src/views/projectcenter/LibraryAdd.vue
@@ -628,7 +628,7 @@ export default defineComponent({
   },
 });
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .clearfix:before,
 .clearfix:after {
   content: " ";
@@ -858,7 +858,7 @@ export default defineComponent({
       }
       .taskSyllabus {
         // flex: 1;
-        overflow-x: scroll;
+        overflow-x: auto;
 
         .ant-collapse {
           border: 0px;
@@ -876,7 +876,7 @@ export default defineComponent({
         .ant-collapse-header {
           display: flex;
           height: 49px;
-          background-color: #fcf0ef;
+          background-color: #eff4fc;
           align-items: center;
           margin-top: 20px;
           margin-left: 38px;
@@ -894,98 +894,98 @@ export default defineComponent({
         }
       }
       .course {
-      //width: 100%;
-      flex-shrink: 0;
-      margin-right: 24px;
+        //width: 100%;
+        flex-shrink: 0;
+        margin-right: 24px;
 
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-      padding: 25px 0px;
-      margin-left: 22px;
-
-      //margin: 0 12px;
-      border: 1px solid #f2f6fc;
-      border-top: 0px;
-      .first {
-        //position: relative;
         display: flex;
-        flex-grow: 1;
+        flex-wrap: wrap;
         align-items: center;
-        //height: 71px;
-        margin-left: 12px;
-        margin-right: 50px;
+        padding: 25px 0px;
+        margin-left: 22px;
 
-        .iconame {
-          //position: absolute;
-          color: #4f5156;
-          font-size: 16px;
-          margin-left: 4px;
-        }
-        .icontext {
-          //positipn: absolute;
-          color: #999ba3;
-          font-size: 14px;
+        //margin: 0 12px;
+        border: 1px solid #f2f6fc;
+        border-top: 0px;
+        .first {
+          //position: relative;
+          display: flex;
+          flex-grow: 1;
+          align-items: center;
+          //height: 71px;
           margin-left: 12px;
-          width: 83px;
+          margin-right: 50px;
+
+          .iconame {
+            //position: absolute;
+            color: #4f5156;
+            font-size: 16px;
+            margin-left: 4px;
+          }
+          .icontext {
+            //positipn: absolute;
+            color: #999ba3;
+            font-size: 14px;
+            margin-left: 12px;
+            width: 83px;
+          }
         }
-      }
-      .type {
-        //height: 71px;
-        display: flex;
-        flex-grow: 1;
-        align-items: center;
-        margin-right: 50px;
-        .typename {
-          width: 63px;
-          height: 23px;
-          color: #5dc988;
-          font-size: 14px;
-          background-color: #f2f6fc;
-          border-radius: 4px;
-          text-align: center;
+        .type {
+          //height: 71px;
+          display: flex;
+          flex-grow: 1;
+          align-items: center;
+          margin-right: 50px;
+          .typename {
+            width: 63px;
+            height: 23px;
+            color: #5dc988;
+            font-size: 14px;
+            background-color: #f2f6fc;
+            border-radius: 4px;
+            text-align: center;
+          }
+          .typename1 {
+            width: 63px;
+            height: 23px;
+            color: #f0f4fe;
+            font-size: 14px;
+            background-color: #5dc988;
+            border-radius: 4px;
+            text-align: center;
+          }
         }
-        .typename1 {
-          width: 63px;
-          height: 23px;
-          color: #f0f4fe;
-          font-size: 14px;
-          background-color: #5dc988;
-          border-radius: 4px;
-          text-align: center;
+        .time {
+          //height: 71px;
+          flex-grow: 1;
+          margin-right: 50px;
+          .timetext {
+            font-size: 14px;
+            color: #999ba3;
+          }
         }
-      }
-      .time {
-        //height: 71px;
-        flex-grow: 1;
-        margin-right: 50px;
-        .timetext {
-          font-size: 14px;
-          color: #999ba3;
+        .progress {
+          width: 168px;
+          margin-left: 10px;
+          margin-right: 50px;
+          flex-grow: 1;
+          .progresstext {
+            color: #ffc067;
+            font-size: 14px;
+          }
         }
-      }
-      .progress {
-        width: 168px;
-        margin-left: 10px;
-        margin-right: 50px;
-        flex-grow: 1;
-        .progresstext {
-          color: #ffc067;
-          font-size: 14px;
+        .operations {
+          display: flex;
+          width: 200px;
+          //flex-grow: 1;
+          .operation {
+            color: #4ea6ff;
+            font-size: 14px;
+            padding: 10px;
+            margin-left: auto;
+          }
         }
       }
-      .operations {
-        display: flex;
-        width: 200px;
-        //flex-grow: 1;
-        .operation {
-          color: #4ea6ff;
-          font-size: 14px;
-          padding: 10px;
-          margin-left: auto;
-        }
-      }
-      }
       .taskbox {
         width: 412px;
         height: 160px;
@@ -1171,4 +1171,4 @@ export default defineComponent({
     }
   }
 }
-</style>
\ No newline at end of file
+</style>