修改tab圆角

src/modules/home/components/ProjectSystem.vue

@@ -225,7 +225,7 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
   .con_content {
     width: 1200px;
     margin: auto;
-    padding:59px 0 126px 0;
+    padding: 59px 0 126px 0;
     :deep(.my-tabs) {
       .el-tabs__active-bar,
       .el-tabs__nav-wrap::after {
@@ -238,8 +238,9 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
         align-items: center;
         justify-content: center;
         border: 1px solid #e6e6e6;
+        border-radius: 6px;
       }
-      .el-tabs__content{
+      .el-tabs__content {
         overflow: inherit;
       }
       .el-tabs__nav-scroll {
@@ -247,7 +248,16 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
         align-items: center;
         justify-content: center;
       }
-    
+
+      #tab-0 {
+        border-radius: 6px 0 0 6px;
+      }
+      #tab-1 {
+        border-radius: 0;
+      }
+      #tab-2 {
+        border-radius: 0 6px 6px 0;
+      }
       .el-tabs__item {
         display: flex;
         align-items: center;
@@ -296,8 +306,8 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
         grid-template-columns: repeat(3, 1fr);
         grid-column-gap: 30px;
         .main_list {
-          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;
           .list_img1 {
             width: 350px;

src/modules/home/components/Teacher.vue

@@ -96,7 +96,8 @@ function next(swiper) {
           :slidesPerView="4"
           :spaceBetween="20"
           :modules="[Navigation]"
-          @swiper="swiper => (swiper1 = swiper)">
+          @swiper="swiper => (swiper1 = swiper)"
+        >
           <SwiperSlide v-for="(item, index) in list" :key="index" class="teacher-item">
             <img :src="item.avatar" />
             <h3>{{ item.name }}</h3>
@@ -116,7 +117,8 @@ function next(swiper) {
           :slidesPerView="4"
           :spaceBetween="20"
           :modules="[Navigation]"
-          @swiper="swiper => (swiper2 = swiper)">
+          @swiper="swiper => (swiper2 = swiper)"
+        >
           <SwiperSlide v-for="(item, index) in list2" :key="index" class="teacher-item1">
             <!-- <img :src="item.avatar" /> -->
             <h3>{{ item.name }}</h3>
@@ -134,11 +136,10 @@ function next(swiper) {
 
 <style lang="scss" scoped>
 .section {
-  // margin-top: 80px;
   --section-title-color: #fff;
   --section-title-dot-bgcolor: #fff;
   --section-title-dot-border-color: #fff;
-  background: url('https://webapp-pub.ezijing.com/project_online/fi/teacher_bg.jpg') no-repeat center top;
+  background: url('https://webapp-pub.ezijing.com/project_online/fi/teacher_bg.jpg') no-repeat center / 100% 100%;
 }
 .section-title {
   padding-bottom: 0;
@@ -217,7 +218,7 @@ function next(swiper) {
     margin-top: 10px;
   }
 }
-.teacher-item1{
+.teacher-item1 {
   width: 267px;
   height: 208px;
   background-color: #fff;
@@ -225,17 +226,24 @@ function next(swiper) {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding-top:32px;
+  padding-top: 32px;
   box-sizing: border-box;
-  ol{
-    margin-top:29px;
-    li{
+  h3 {
+    font-size: 18px;
+    font-weight: 500;
+    line-height: 1;
+    color: #333;
+    text-align: center;
+  }
+  ol {
+    margin-top: 29px;
+    li {
       position: relative;
       margin: 0 29px;
       font-size: 16px;
       line-height: 24px;
       color: #535353;
-        &::before {
+      &::before {
         content: '';
         position: absolute;
         left: -10px;