updates

src/components/layout/Header.vue

@@ -88,6 +88,7 @@ const isScrolled = computed(() => {
     .button-default {
       color: #333;
     }
+    
   }
 }
 .app-header-inner {
@@ -110,7 +111,7 @@ const isScrolled = computed(() => {
 }
 .app-header-right {
   display: flex;
-  color: #666;
+  color: #333;
 
   .app-header-logout {
     background: url('https://webapp-pub.ezijing.com/project/saas/logout.png') no-repeat left center;

src/modules/home/components/ProjectSystem.vue

@@ -224,7 +224,8 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
   }
   .con_content {
     width: 1200px;
-    margin: 59px auto;
+    margin: auto;
+    padding:59px 0 126px 0;
     :deep(.my-tabs) {
       .el-tabs__active-bar,
       .el-tabs__nav-wrap::after {
@@ -233,18 +234,20 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
       .el-tabs__nav {
         width: 960px;
         height: 70px;
-
         display: flex;
         align-items: center;
         justify-content: center;
         border: 1px solid #e6e6e6;
       }
+      .el-tabs__content{
+        overflow: inherit;
+      }
       .el-tabs__nav-scroll {
         display: flex;
         align-items: center;
         justify-content: center;
       }
-
+    
       .el-tabs__item {
         display: flex;
         align-items: center;
@@ -288,15 +291,14 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
         text-align: center;
       }
       .content_main {
-        display: flex;
-        justify-content: space-between;
         margin-top: 29px;
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        grid-column-gap: 30px;
         .main_list {
-          // height: 471px;
-          background: rgba(255, 255, 255, 0.39);
-          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+          background: rgba(255,255,255,0.39);
+          box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
           padding: 21px 16px 16px 16px;
-          margin-right: 30px;
           .list_img1 {
             width: 350px;
             height: 197px;

src/modules/home/components/Teacher.vue

@@ -117,8 +117,8 @@ function next(swiper) {
           :spaceBetween="20"
           :modules="[Navigation]"
           @swiper="swiper => (swiper2 = swiper)">
-          <SwiperSlide v-for="(item, index) in list2" :key="index" class="teacher-item">
-            <img :src="item.avatar" />
+          <SwiperSlide v-for="(item, index) in list2" :key="index" class="teacher-item1">
+            <!-- <img :src="item.avatar" /> -->
             <h3>{{ item.name }}</h3>
             <ol v-if="item.children?.length">
               <li v-for="item in item.children" :key="item">{{ item }}</li>
@@ -134,7 +134,7 @@ function next(swiper) {
 
 <style lang="scss" scoped>
 .section {
-  margin-top: 80px;
+  // margin-top: 80px;
   --section-title-color: #fff;
   --section-title-dot-bgcolor: #fff;
   --section-title-dot-border-color: #fff;
@@ -217,4 +217,37 @@ function next(swiper) {
     margin-top: 10px;
   }
 }
+.teacher-item1{
+  width: 267px;
+  height: 208px;
+  background-color: #fff;
+  border-radius: 4px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top:32px;
+  box-sizing: border-box;
+  ol{
+    margin-top:29px;
+    li{
+      position: relative;
+      margin: 0 29px;
+      font-size: 16px;
+      line-height: 24px;
+      color: #535353;
+        &::before {
+        content: '';
+        position: absolute;
+        left: -10px;
+        top: 9px;
+        width: 5px;
+        height: 5px;
+        background: #c1ab85;
+      }
+    }
+  }
+  li + li {
+    margin-top: 11px;
+  }
+}
 </style>