cbu修改项目特色

components/home/projectFeatures.vue

@@ -86,33 +86,33 @@ export default {
       listData: [
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-plus/pc-index-project-intro-01.png?v=4',
-          item_desc_tit: '国际名校、权威可靠',
-          item_desc_con: '清控紫荆教育是以清华五道口相关知识产权创设而成，自成立以来与多所国际名校合作且实现课程学分互认，所获文凭均受中国教育部与国际认证，具有很强的国际化办学经验和教学水平。'
+          item_desc_tit: '学术领先',
+          item_desc_con: '工商管理学位项目加州排名TOP3<br/>ACBSP认证商学院'
         },
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-plus/pc-index-project-intro-02.png?v=4',
-          item_desc_tit: '无需联考、灵活录取',
-          item_desc_con: '无需参加国内竞争激烈的研究生联考，没有托福成绩的学生可以完成紫荆英语强化项目替代语言成绩。该课程以及考核成绩被美国大学认可，达到录取标准即可直接入读相应硕士课程。'
+          item_desc_tit: '双证加持',
+          item_desc_con: '加州浸会大学工商管理博士学位证+中留服博士学历认证'
         },
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-plus/pc-index-project-intro-03.png?v=4',
-          item_desc_tit: '前沿专业、就业广阔',
-          item_desc_con: '项目提供当前数字经济领域前沿专业，使毕业生具有国际背景和全球化竞争力。此外毕业生享受国家为留学归国人员提供的落户指标、创业支持、购买免税汽车等待遇。'
+          item_desc_tit: '免标准考试',
+          item_desc_con: '校方考试，替代托福'
         },
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-plus/pc-index-project-intro-04.png?v=4',
-          item_desc_tit: '省时省费、性价比优',
-          item_desc_con: '经过在国内学习一年后，学生只需再在国外学习一年即可获得中国教育部和国际认可的硕士学历学位，既节省时间成本又节约经济花销。'
+          item_desc_tit: '师资雄厚',
+          item_desc_con: '清华北大教授+毕业于哈佛、南加大等全美TOP20美方导师'
         },
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-plus/pc-index-project-intro-05.png?v=4',
-          item_desc_tit: '国际视野、本土实践',
-          item_desc_con: '本项目全部采用双语教学、小班授课，帮助学生提前适应美国教学模式；授课师资由清北人资深教授和优秀外教组成，保证国际化同时兼具本土实践，为留学归国工作建立无缝连接。'
+          item_desc_tit: '位置优越',
+          item_desc_con: '距洛杉矶60英里 北邻硅谷'
         },
         {
           web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-plus/pc-index-project-intro-06.png?v=4',
-          item_desc_tit: '全额退款、安心无忧',
-          item_desc_con: '就读期间，因个人原因中途放弃或因外部不可抗力因素（如签证不通过等）无法出国学习，个人缴纳的第1学年费用全额退还。'
+          item_desc_tit: '前沿理论+管理实践',
+          item_desc_con: '中美学界商界深度融合，国际视野本土实践'
         }
       ],
       swiperOption: {
@@ -284,9 +284,40 @@ 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: 105px;
+      }
+    }
+    .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: 183px;
+      }
+    }
+
     .card-item {
-      width: 386px;
-      height: 336px;
+      width: 380px;
+      height: 380px;
       margin-bottom: 20px;
       overflow: hidden;
       position: relative;
@@ -315,22 +346,21 @@ export default {
       .item_desc {
         position: absolute;
         left: 0;
-        top: 80px;
-        width: 386px;
-        height: 249px;
-        // background-color: #ededed;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        padding: 28px;
         opacity: 1;
         display: flex;
-        justify-content: flex-start;
-        align-items: flex-start;
         flex-direction: column;
-        padding: 34px 20px 53px;
-        // transform-origin: bottom;
         .item_desc_tit {
           font-size: 21px;
           font-weight: 600;
           color: #fff;
           line-height: 36px;
+          text-align: left;
+          transform: translateY(150px);
+          transition: 0.3s;
         }
         .item_desc_con {
           font-size: 16px;
@@ -338,7 +368,7 @@ export default {
           color: #fff;
           margin-top: 34px;
           line-height: 32px;
-          transform: translateY(270px);
+          transform: translateY(290px);
           transition: 0.3s;
         }
       }
@@ -350,12 +380,12 @@ export default {
         }
       }
       .item_desc {
-        // background-color: #fff;
         .item_desc_tit {
           border-bottom: 1px solid #f3f4f4;
+          transform: translateY(110px);
         }
         .item_desc_con {
-          transform: translateY(0);
+          transform: translateY(80px);
         }
       }
     }

pages/index.vue

@@ -5,7 +5,7 @@
     <!-- 项目定位 -->
     <!-- <project-position /> -->
     <!-- 项目特色 -->
-    <!-- <project-features /> -->
+    <project-features />
     <!-- 校园风光 -->
     <!-- <school-senery /> -->
     <!-- 最新动态 -->
@@ -20,7 +20,7 @@
 <script>
 import banners from '../components/home/banners.vue'
 // import projectPosition from '../components/home/projectPosition.vue'
-// import projectFeatures from '../components/home/projectFeatures'
+import projectFeatures from '../components/home/projectFeatures'
 // import schoolSenery from '../components/home/schoolSenery.vue'
 import news from '../components/home/news'
 import presence from '../components/home/presence'
@@ -35,7 +35,7 @@ export default {
   components: {
     banners,
     // projectPosition,
-    // projectFeatures,
+    projectFeatures,
     // schoolSenery,
     news,
     presence,