修改marywood 1+1 项目特色

components/home/projectFeatures.vue

@@ -33,7 +33,7 @@
             </div>
             <div class="item_desc">
               <div class="item_desc_tit">{{ item.item_desc_tit }}</div>
-              <div class="item_desc_con">{{ item.item_desc_con }}</div>
+              <div class="item_desc_con" v-html="item.item_desc_con"></div>
             </div>
           </div>
         </div>
@@ -63,7 +63,7 @@
               </div>
               <div class="item_desc">
                 <div class="item_desc_tit">{{ item.item_desc_tit }}</div>
-                <div class="item_desc_con">{{ item.item_desc_con }}</div>
+                <div class="item_desc_con" v-html="item.item_desc_con"></div>
               </div>
             </div>
           </div>
@@ -86,27 +86,33 @@ export default {
       listData: [
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-01.png?v=4',
-          item_desc_tit: '国际名校、权威可靠',
-          item_desc_con:
-            '玛丽伍德大学国际硕士项目官方授权中国招生与教学中心--清控紫荆教育是由清华控股有限公司2015年以清华大学五道口金融学院相关知识产权创设而成，自成立以来和世界多所国际名校合作，实现与国外著名大学课程和学分互认，具有丰富的国际化办学经验和教学水平。'
+          item_desc_tit: '权威可靠',
+          item_desc_con: '百年学府<br/>中美教育部双认证'
         },
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-05.png?v=4',
-          item_desc_tit: '国际视野、本土实践',
-          item_desc_con:
-            '本项目采用双语教学，帮助学生提前适应美国教学模式。授课师资由清北人资深教授和优秀外教组成，保证国际化同时兼具本土实践，为留学归国工作建立无缝连接。'
+          item_desc_tit: '校方直录',
+          item_desc_con: '点对点直录，硕士学分国内提前修'
         },
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-04.png?v=4',
-          item_desc_tit: '省时省费、性价比优',
-          item_desc_con:
-            '经过在国内学习一年后，学生只需再在国外学习一年即可获得国际认可的硕士学位，既节省时间成本又节约经济花销。'
+          item_desc_tit: '免标准化考试',
+          item_desc_con: '美国校方考试代替托福/GMAT'
         },
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-03.png?v=4',
-          item_desc_tit: '前沿专业、就业广阔',
-          item_desc_con:
-            '项目提供当前数字经济领域前沿专业，使毕业生具有国际背景和全球化竞争力。此外毕业生享受国家为留学归国人员提供的落户指标、创业支持、购买免税汽车等待遇。'
+          item_desc_tit: '省时省费',
+          item_desc_con: '减免部分学费，赴美1年，校内住宿安全便捷'
+        },
+        {
+          web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-07.png?v=4',
+          item_desc_tit: '师资雄厚',
+          item_desc_con: '清华北大教授+全美TOP100大学博士师资'
+        },
+        {
+          web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-08.png?v=4',
+          item_desc_tit: '精英辈出',
+          item_desc_con: '美国堪萨斯大学校长、美国宾夕法尼亚议员等'
         }
       ],
       swiperOption: {
@@ -278,8 +284,38 @@ export default {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
+    .card-item:nth-child(1) {
+      .item_desc_tit {
+        width: 85px;
+      }
+    }
+    .card-item:nth-child(2) {
+      .item_desc_tit {
+        width: 85px;
+      }
+    }
+    .card-item:nth-child(3) {
+      .item_desc_tit {
+        width: 130px;
+      }
+    }
+    .card-item:nth-child(4) {
+      .item_desc_tit {
+        width: 85px;
+      }
+    }
+    .card-item:nth-child(5) {
+      .item_desc_tit {
+        width: 85px;
+      }
+    }
+    .card-item:nth-child(6) {
+      .item_desc_tit {
+        width: 85px;
+      }
+    }
     .card-item {
-      width: 285px;
+      width: 380px;
       height: 380px;
       margin-bottom: 20px;
       overflow: hidden;
@@ -306,13 +342,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;
@@ -322,9 +359,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 {
@@ -349,10 +385,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);
         }
       }
     }