chore: 修改国际留学页面

components/FormSubmit.vue

 <template>
   <div class="form-submit">
     <h2>{{ title }}</h2>
-    <div class="desc">
+    <div class="desc" v-if="type === 1">
       <ul>
-        <li>免联考</li>
-        <li>在职读</li>
+        <li>免联考，在职读</li>
         <li>申请制入学</li>
         <li>双语授课</li>
+        <li>学制1-2年</li>
       </ul>
-      <p>学制1-2年 <span>|</span> 海外正规院校 <span>|</span> 全球精英校友</p>
+      <p>全球正规优选院校 <span>|</span> 6000+全球精英校友 <span>|</span> 国际化师资团队</p>
     </div>
+    <ul v-if="type === 2" class="desc2">
+      <li>
+        <h4>权威可靠</h4>
+        <p>百年学府 中美教育部双认证</p>
+      </li>
+      <li>
+        <h4>校方直录</h4>
+        <p>点对点直录，硕士学分国内提前修</p>
+      </li>
+      <li>
+        <h4>免标准化考试</h4>
+        <p>美国校方考试替代托福/GMAT</p>
+      </li>
+      <li>
+        <h4>省时省费</h4>
+        <p>减免部分学费，赴美1年，校内住宿安全便捷</p>
+      </li>
+      <li>
+        <h4>师资雄厚</h4>
+        <p>清华北大教授+全美TOP100大学博士师资</p>
+      </li>
+      <li>
+        <h4>精英辈出</h4>
+        <p>美国前总统，诺贝尔奖得主，世界500强CEO等</p>
+      </li>
+    </ul>
     <el-form inline :model="form" :rules="rules" ref="form">
       <el-form-item prop="name">
         <el-input type="text" v-model="form.name" placeholder="请输入您的名字"></el-input>
@@ -22,9 +48,7 @@
           <el-option v-for="item in projects" v-bind="item" :key="item.value"></el-option>
         </el-select>
       </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="handleSubmit">立即报名</el-button>
-      </el-form-item>
+      <el-button type="primary" @click="handleSubmit">立即报名</el-button>
     </el-form>
   </div>
 </template>
@@ -54,7 +78,7 @@ export default {
   },
   computed: {
     title() {
-      return this.type === 1 ? '选择清控紫荆教育，助您考取国际硕士学位' : '选择清控紫荆教育，助您考取国际学位'
+      return this.type === 1 ? '在线读国际硕士，与在校生相同的学位' : '全球正规优选院校，可申请中留服认证'
     },
     projects() {
       if (this.type === 1) {
@@ -103,7 +127,8 @@ export default {
 
 <style lang="scss">
 .form-submit {
-  height: 356px;
+  min-height: 356px;
+  padding: 80px 0 60px;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -130,19 +155,19 @@ export default {
     p {
       padding-left: 50px;
     }
-  }
-  ul {
-    display: flex;
-    li {
-      padding-left: 20px;
-      padding-right: 30px;
-      background: url(https://webapp-pub.ezijing.com/www/pc/form/form_check_bg.png) no-repeat left center;
-      background-size: 16px;
+    ul {
+      display: flex;
+      li {
+        padding-left: 20px;
+        padding-right: 30px;
+        background: url(https://webapp-pub.ezijing.com/www/pc/form/form_check_bg.png) no-repeat left center;
+        background-size: 16px;
+      }
     }
   }
   .el-input,
   .el-button {
-    width: 280px;
+    width: 288px;
     height: 48px;
     border-radius: 0;
   }
@@ -150,5 +175,30 @@ export default {
     height: 48px;
     border-radius: 0;
   }
+  .desc2 {
+    width: 1200px;
+    padding: 40px 0;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 20px;
+    li {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      height: 70px;
+      padding-left: 42px;
+      background: #fff url(https://webapp-pub.ezijing.com/www/pc/form/form_check_bg.png) no-repeat 16px center;
+      background-size: 16px;
+      border: 1px solid #dcdcdc;
+    }
+    h4 {
+      font-size: 18px;
+      color: #010101;
+    }
+    p {
+      font-size: 16px;
+      color: #010101;
+    }
+  }
 }
 </style>