sbu项目特色优化

components/home/projectFeatures.vue

@@ -103,14 +103,12 @@ export default {
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-05.png?v=4',
           item_desc_tit: '校方直录',
-          item_desc_con:
-            '点对点直录<br/>硕士学分<br/>国内提前修'
+          item_desc_con: '点对点直录<br/>硕士学分<br/>国内提前修'
         },
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-02.png?v=4',
           item_desc_tit: '免标准化考试',
-          item_desc_con:
-            '美国校方考试<br/>替代托福/GMAT'
+          item_desc_con: '美国校方考试<br/>替代托福/GMAT'
         },
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-06.png?v=4',
@@ -287,8 +285,38 @@ export default {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
+    .card-item:nth-child(1) {
+      .item_desc_tit {
+        width: 150px;
+      }
+    }
+    .card-item:nth-child(2) {
+      .item_desc_tit {
+        width: 85px;
+      }
+    }
+    .card-item:nth-child(3) {
+      .item_desc_tit {
+        width: 85px;
+      }
+    }
+    .card-item:nth-child(4) {
+      .item_desc_tit {
+        width: 85px;
+      }
+    }
+    .card-item:nth-child(5) {
+      .item_desc_tit {
+        width: 130px;
+      }
+    }
+    .card-item:nth-child(6) {
+      .item_desc_tit {
+        width: 85px;
+      }
+    }
     .card-item {
-      width: 33%;
+      width: 380px;
       height: 380px;
       margin-bottom: 20px;
       overflow: hidden;
@@ -315,13 +343,14 @@ export default {
           background: rgba(0, 0, 0, 0.6);
         }
       }
+
       .item_desc {
         position: absolute;
         left: 0;
         top: 0;
         right: 0;
         bottom: 0;
-        padding: 20px;
+        padding: 28px;
         // background-color: #ededed;
         opacity: 1;
         display: flex;
@@ -331,9 +360,8 @@ export default {
           font-weight: 600;
           color: #fff;
           line-height: 36px;
-          width: 100%;
-          text-align: center;
-          transform: translateY(100px);
+          text-align: left;
+          transform: translateY(150px);
           transition: 0.3s;
         }
         .item_desc_con {
@@ -358,10 +386,10 @@ export default {
         .item_desc_tit {
           border-bottom: 1px solid #f3f4f4;
           text-align: left;
-          transform: translateY(0);
+          transform: translateY(100px);
         }
         .item_desc_con {
-          transform: translateY(0);
+          transform: translateY(90px);
         }
       }
     }