增加部分英文替换

assets/css/base.css

@@ -6,6 +6,7 @@ html {
   height: 100%;
   font-size: 100px;
 }
+
 ul,
 li,
 a {

components/Foot.vue

@@ -15,41 +15,22 @@
             合作大学官网
           </div> -->
         </div>
-        <div
-          :class="
-            $cookies.get('lang') == 'en-US'
-              ? 'center-content f-size'
-              : 'center-content'
-          "
-        >
+        <div :class="$cookies.get('lang') == 'en-US' ? 'center-content f-size' : 'center-content'">
           <div class="address" v-html="$t('foot.address')"></div>
           <div class="phone" v-html="$t('foot.contact')"></div>
           <div class="mail" v-html="$t('foot.email')"></div>
         </div>
         <div class="right-content">
-          <img
-            src="https://webapp-pub.ezijing.com/project/marywood/ezijing-code.jpg"
-            class="code"
-          />
+          <img src="https://webapp-pub.ezijing.com/project/marywood/ezijing-code.jpg" class="code" />
           <div class="tips-txt">
-            <img
-              src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png"
-              alt=""
-            />
+            <img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" alt="" />
             <div class="txt">{{ $t('foot.weChat') }}</div>
           </div>
         </div>
         <div class="right-content">
-          <img
-            src="https://webapp-pub.ezijing.com/project/marywood/ezijing_xet_x.png"
-            alt=""
-            class="code"
-          />
+          <img src="https://webapp-pub.ezijing.com/project/marywood/ezijing_xet_x.png" alt="" class="code" />
           <div class="tips-txt">
-            <img
-              src="https://webapp-pub.ezijing.com/www/pc/icon_gongkaike.png"
-              alt=""
-            />
+            <img src="https://webapp-pub.ezijing.com/www/pc/icon_gongkaike.png" alt="" />
             <div class="txt">{{ $t('foot.ezjClass') }}</div>
           </div>
         </div>
@@ -57,11 +38,8 @@
       <div class="links" v-html="$t('foot.relation')"></div>
     </div>
     <div class="copyright">
-      <div
-        class="inner"
-        style="width: 100%; justify-content: center; display: flex"
-      >
-        <p style="font-size: 12px">
+      <div class="inner">
+        <p>
           {{
             $cookies.get('lang') == 'en-US'
               ? `Copyright © 2017 Zijing Education. All rights reserved.`
@@ -77,12 +55,8 @@
             margin-left: 10px;
           "
         >
-          <p style="font-size: 12px">
-            {{
-              $cookies.get('lang') == 'en-US'
-                ? 'Beijing ICP Certificate No.: 150431 '
-                : '京ICP证150431号'
-            }}
+          <p>
+            {{ $cookies.get('lang') == 'en-US' ? 'Beijing ICP Certificate No.: 150431 ' : '京ICP证150431号' }}
           </p>
         </a>
         <a
@@ -102,12 +76,8 @@
             alt=""
             style="width: 20px; height: 20px; margin: 0 6px; display: block"
           />
-          <p style="font-size: 12px">
-            {{
-              $cookies.get('lang') == 'en-US'
-                ? `Beijing ICP Filing No.: 15016866-1`
-                : '安备 11010802023681号'
-            }}
+          <p>
+            {{ $cookies.get('lang') == 'en-US' ? `Beijing ICP Filing No.: 15016866-1` : '安备 11010802023681号' }}
           </p>
         </a>
         <a
@@ -115,7 +85,7 @@
           href="https://beian.miit.gov.cn/#/Integrated/index"
           style="color: rgba(153, 153, 153, 1); text-decoration: none"
         >
-          <p style="font-size: 12px">
+          <p>
             {{ $cookies.get('lang') == 'en-US' ? icpNumberEn : icpNumber }}
           </p>
         </a>
@@ -141,7 +111,7 @@ export default {
         { icp: '京ICP备15016866号-14', host: 'seg-aisa.com' },
         { icp: '京ICP备15016866号-1', host: 'ezijing.com' }
       ]
-      const found = map.find((item) => {
+      const found = map.find(item => {
         return process.browser && location.hostname.includes(item.host)
       })
       return found ? found.icp : '京ICP备15016866号-1'
@@ -161,7 +131,7 @@ export default {
         { icp: 'Beijing ICP Filing No.: 15016866-14', host: 'seg-aisa.com' },
         { icp: 'Beijing ICP Filing No.: 15016866-1', host: 'ezijing.com' }
       ]
-      const found = map.find((item) => {
+      const found = map.find(item => {
         return process.browser && location.hostname.includes(item.host)
       })
       return found ? found.icp : 'Beijing ICP Filing No.: 15016866-1'
@@ -250,8 +220,17 @@ export default {
   background: #fff;
   display: flex;
   align-items: center;
+  .inner {
+    width: 100%;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+  }
   .record {
     display: flex;
   }
+  p {
+    font-size: 12px;
+  }
 }
 </style>

components/FormSubmit.vue

@@ -3,52 +3,94 @@
     <h2>{{ title }}</h2>
     <div class="desc" v-if="type === 1">
       <ul>
-        <li>免联考，在职读</li>
-        <li>申请制入学</li>
-        <li>双语授课</li>
-        <li>学制1-2年</li>
+        <li>{{ isEn ? 'Admissions without joint exams and on-the-job study' : '免联考，在职读' }}</li>
+        <li>{{ isEn ? 'Application-based admission' : '申请制入学' }}</li>
+        <li>{{ isEn ? 'Bilingual teaching' : '双语授课' }}</li>
+        <li>{{ isEn ? '1–2-year programs' : '学制1-2年' }}</li>
       </ul>
-      <p>全球正规优选院校 <span>|</span> 6000+全球精英校友 <span>|</span> 国际化师资团队</p>
+      <p>
+        {{ isEn ? 'Select Prestigious Universities in the World ' : '全球正规优选院校' }}
+        <span>|</span> {{ isEn ? '6000+ Alumni' : '6000 + 全球精英校友' }} <span>|</span>
+        {{ isEn ? 'International Teachers' : '国际化师资团队' }}
+      </p>
     </div>
     <ul v-if="type === 2" class="desc2">
       <li>
-        <h4>权威可靠</h4>
-        <p>百年学府 中美教育部双认证</p>
+        <h4>{{ isEn ? 'Authoritative and reliable' : '权威可靠' }}</h4>
+        <p>
+          {{
+            isEn
+              ? 'Established institutions certified by Chinese and American education authorities'
+              : '百年学府 中美教育部双认证'
+          }}
+        </p>
       </li>
       <li>
-        <h4>校方直录</h4>
-        <p>点对点直录，硕士学分国内提前修</p>
+        <h4>{{ isEn ? 'lDirect enrollment by universities' : '校方直录' }}</h4>
+        <p>
+          {{
+            isEn
+              ? `Point-to-point direct enrollment and earning of credits for master's degrees in advance in China`
+              : '点对点直录，硕士学分国内提前修'
+          }}
+        </p>
       </li>
       <li>
-        <h4>免标准化考试</h4>
-        <p>美国校方考试替代托福/GMAT</p>
+        <h4>{{ isEn ? 'Exemption from standardized examination' : '免标准化考试' }}</h4>
+        <p>{{ isEn ? 'University tests in lieu of TOEFL/GMAT' : '美国校方考试替代托福/GMAT' }}</p>
       </li>
       <li>
-        <h4>省时省费</h4>
-        <p>减免部分学费，赴美1年，校内住宿安全便捷</p>
+        <h4>{{ isEn ? 'Time and cost saving' : '省时省费' }}</h4>
+        <p>
+          {{
+            isEn
+              ? 'Exemption of partial tuition fees, staying on campuses in the United States for one year, safe and convenient'
+              : '减免部分学费，赴美1年，校内住宿安全便捷'
+          }}
+        </p>
       </li>
       <li>
-        <h4>师资雄厚</h4>
-        <p>清华北大教授+全美TOP100大学博士师资</p>
+        <h4>{{ isEn ? 'Strong faculty' : '师资雄厚' }}</h4>
+        <p>
+          {{
+            isEn
+              ? 'Professors from Tsinghua University and Peking University + teachers holding doctoral degrees from top 100 American universities'
+              : '清华北大教授+全美TOP100大学博士师资'
+          }}
+        </p>
       </li>
       <li>
-        <h4>精英辈出</h4>
-        <p>美国前总统，诺贝尔奖得主，世界500强CEO等</p>
+        <h4>{{ isEn ? 'Prominent alumni' : '精英辈出' }}</h4>
+        <p>
+          {{
+            isEn
+              ? 'Former US presidents, Nobel laureates, CEOs of Fortune 500 companies, etc.'
+              : '美国前总统，诺贝尔奖得主，世界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>
+        <el-input
+          type="text"
+          v-model="form.name"
+          :placeholder="isEn ? 'Enter your name' : ' 请输入您的名字'"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="phone">
-        <el-input type="text" v-model="form.phone" placeholder="请输入您的手机号"></el-input>
+        <el-input
+          type="text"
+          v-model="form.phone"
+          :placeholder="isEn ? 'Enter your mobile phone number' : '请输入您的手机号'"
+        ></el-input>
       </el-form-item>
       <el-form-item prop="project_id">
-        <el-select v-model="form.project_id" placeholder="请选择项目">
+        <el-select v-model="form.project_id" :placeholder="isEn ? 'Select a program' : '请选择项目'">
           <el-option v-for="item in projects" v-bind="item" :key="item.value"></el-option>
         </el-select>
       </el-form-item>
-      <el-button type="primary" @click="handleSubmit">立即报名</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ isEn ? 'Register now' : '立即报名' }}</el-button>
     </el-form>
   </div>
 </template>
@@ -60,6 +102,7 @@ export default {
   props: { type: { type: Number, default: 1 } },
   data() {
     return {
+      isEn: false,
       form: {
         name: '',
         phone: '',
@@ -67,18 +110,28 @@ export default {
         channel: this.$route.query.channel_num || 19962
       },
       rules: {
-        name: [{ required: true, message: '请输入您的名字', trigger: 'blur' }],
+        name: [{ required: true, message: this.$t('study.name1_placeholder'), trigger: 'blur' }],
         phone: [
-          { required: true, message: '请输入您的手机号', trigger: 'blur' },
-          { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' }
+          {
+            required: true,
+            message: '请输入您的手机号',
+            trigger: 'blur'
+          },
+          { pattern: /^1[3-9]\d{9}$/, message: this.$t('study.phone2_placeholder'), trigger: 'blur' }
         ],
-        project_id: [{ required: true, message: '请选择项目', trigger: 'change' }]
+        project_id: [{ required: true, message: this.$t('study.project_placeholder'), trigger: 'change' }]
       }
     }
   },
   computed: {
     title() {
-      return this.type === 1 ? '在线读国际硕士，与在校生相同的学位' : '全球正规优选院校，可申请中留服认证'
+      if (!this.isEn) {
+        return this.type === 1 ? '在线读国际硕士，与在校生相同的学位' : '全球正规优选院校，可申请中留服认证'
+      } else {
+        return this.type === 1
+          ? `Online Study of International Master's Programs with the Same Degrees for Students on Campus`
+          : 'Select Prestigious Higher Education Institutions Offering Diplomas Recognized by CSCSE'
+      }
     },
     projects() {
       if (this.type === 1) {
@@ -124,6 +177,9 @@ export default {
           })
       })
     }
+  },
+  mounted() {
+    this.isEn = this.$cookies.get('lang') === 'en-US'
   }
 }
 </script>
@@ -143,6 +199,8 @@ export default {
     font-weight: 400;
     line-height: 1;
     color: #010101;
+    width: 1200px;
+    text-align: center;
   }
   .desc {
     padding: 28px 0 50px;
@@ -188,7 +246,7 @@ export default {
       display: flex;
       flex-direction: column;
       justify-content: center;
-      height: 70px;
+      // 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;

components/Head.vue

@@ -71,7 +71,7 @@
                 ></nuxt-link>
               </template>
             </div>
-            <div class="child-item" v-if="item.childern">
+            <div class="child-item" v-if="item.childern && ">
               <div class="one-level">
                 <template v-for="(level2Item, level2Index) in item.childern">
                   <div
@@ -173,7 +173,6 @@ export default {
               name: this.$t('menu.baseChild.laboratory'),
               path: '/practice/laboratory',
               isShow: false,
-
               childern: [
                 {
                   name: '商业数据分析实验室',

components/NewsCard.vue

 <template>
-  <AppCard title="最新动态" class="news-card">
+  <AppCard :title="isEn ? 'Updates' : '最新动态'" class="news-card">
     <template #header-aside><nuxt-link :to="baseUrl">查看更多+</nuxt-link></template>
     <div class="content-box" v-if="Object.keys(listData.first).length">
       <div class="news-left">
@@ -40,6 +40,7 @@ export default {
   },
   data() {
     return {
+      isEn: false,
       data: []
     }
   },
@@ -57,6 +58,9 @@ export default {
       const date = new Date(value * 1000)
       return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
     }
+  },
+  mounted() {
+    this.isEn = this.$cookies.get('lang') === 'en-US'
   }
 }
 </script>

components/ProjectCard.vue

@@ -7,8 +7,10 @@
         <div class="project-item-pic" :style="`background:url(${item.imgUrl}) no-repeat center / 100% 100%; `">
           <!-- <img :src="item.imgUrl" /> -->
           <ul class="tools">
-            <li @click="handleSubmit(item)">我要报名</li>
-            <li><AppLink :data="item">了解详情</AppLink></li>
+            <li @click="handleSubmit(item)">{{ isEn ? 'Register' : '我要报名' }}</li>
+            <li>
+              <AppLink :data="item">{{ isEn ? 'Learn more' : '了解详情' }}</AppLink>
+            </li>
           </ul>
         </div>
 
@@ -31,7 +33,9 @@ export default {
   props: { list: { type: Array, default: () => [] }, title: String, baseUrl: String },
   components: { AppCard, AppLink },
   data() {
-    return {}
+    return {
+      isEn: false
+    }
   },
   methods: {
     handleSubmit(data) {
@@ -46,6 +50,9 @@ export default {
         }
       }
     }
+  },
+  mounted() {
+    this.isEn = this.$cookies.get('lang') === 'en-US'
   }
 }
 </script>

components/TeacherCard.vue

 <template>
-  <AppCard title="优秀师资">
+  <AppCard :title="isEn ? 'Excellent Teachers' : '优秀师资'">
     <swiper ref="mySwiper" :options="swiperOptions" class="teacher-list">
       <swiper-slide v-for="(item, index) in list" :key="index" class="teacher-item">
         <div class="teacher-item-inner">
@@ -22,6 +22,7 @@ export default {
   components: { AppCard },
   data() {
     return {
+      isEn: false,
       swiperOptions: {
         autoplay: true,
         loop: true,
@@ -29,6 +30,9 @@ export default {
         spaceBetween: 20
       }
     }
+  },
+  mounted() {
+    this.isEn = this.$cookies.get('lang') === 'en-US'
   }
 }
 </script>
@@ -40,7 +44,7 @@ export default {
 
 .teacher-item {
   width: 224px;
-  height: 370px;
+  height: 430px;
   background: rgba(255, 255, 255, 0.39);
   cursor: pointer;
   position: relative;

components/home/abroadStudy.vue

 <template>
-  <AppCard title="留学深造">
+  <AppCard :title="$t('home.abroad.title')">
     <template #title>
       <nuxt-link to="/studyAbroad">{{ $t('home.abroad.title') }}</nuxt-link>
     </template>
 
     <div class="content_con">
-      <div
-        class="con_left con_left1"
-        v-for="(item, index) in abroadList"
-        :key="index"
-      >
+      <div class="con_left con_left1" v-for="(item, index) in abroadList" :key="index">
         <div class="left_tit">{{ item.title }}</div>
         <div class="left_content">
           <ul class="left_con1">

components/home/homeMenu.vue

@@ -24,37 +24,37 @@ export default {
     return {
       rows: [
         {
-          title: '数字人才产教融合实践基地',
+          title: this.$t('home.base.tit'),
           to: '/practice',
           children: [
             {
               icon: 'https://webapp-pub.ezijing.com/www/pc/home/gov/icon_gongjian.png',
               iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/gov/icon_gongjian_active.png',
-              text: `数字经济<br />产业学院`,
+              text: this.$t('home.base.tit_t1'),
               path: '/practice/industry'
             },
             {
               icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_shiyan.png',
               iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_shiyan_active.png',
-              text: `数字经济 <br />实验室`,
+              text: this.$t('home.base.tit_t2'),
               path: '/practice/laboratory'
             },
             {
               icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_1%2Bx.png',
               iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_1%2Bx_active.png',
-              text: `数字经济 <br />职业技能中心`,
+              text: this.$t('home.base.tit_t3'),
               path: '/practice/skill'
             },
             {
               icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_pt.png',
               iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_pt_active.png',
-              text: `数字经济产业& <br />人才服务平台`,
+              text: this.$t('home.base.tit_t4'),
               path: '/practice/talent'
             },
             {
               icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_xm.png',
               iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_xm_active.png',
-              text: `数字化转型<br/>高级研修项目`,
+              text: this.$t('home.base.tit_t5'),
               path: '/practice/study'
 
               // onClick: () => {
@@ -64,7 +64,7 @@ export default {
             {
               icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_al.png',
               iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_al_active.png',
-              text: '落地案例',
+              text: this.$t('home.base.tit_t6'),
               path: '/services/college/case'
             }
           ]

components/home/industrialCollege.vue

 <template>
-  <AppCard title="数字经济产业学院">
+  <AppCard :title="$t('home.industrial.tit')">
     <template #title>
-      <nuxt-link to="/services">数字经济产业学院</nuxt-link>
+      <nuxt-link to="/services">{{ $t('home.industrial.tit') }}</nuxt-link>
     </template>
     <ul class="nav-content">
       <li v-for="(item, index) in data" :key="index">
@@ -26,44 +26,44 @@ export default {
         {
           icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sass.png',
           iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sass_active.png',
-          text: '紫荆E-SAAS<br/>平台',
+          text: this.$t('home.industrial.tit_t1'),
           href: 'https://e-saas.ezijing.com/',
           pathType: 1
         },
         {
           icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gj.png',
           iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gj_active.png',
-          text: '专业共建<br/>数字化改造',
+          text: this.$t('home.industrial.tit_t2'),
           path: '/services/professional'
         },
         {
           icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy.png',
           iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy_active.png',
-          text: '数字经济<br/>实验室',
+          text: this.$t('home.industrial.tit_t3'),
           path: '/practice/laboratory'
         },
         {
           icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yf.png',
           iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yf_active.png',
-          text: '教学研发',
+          text: this.$t('home.industrial.tit_t4'),
           path: '/services/teach'
         },
         {
           icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yc.png',
           iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yc_active.png',
-          text: '引产入校',
+          text: this.$t('home.industrial.tit_t5'),
           path: '/services/school'
         },
         {
           icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy.png',
           iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy_active.png',
-          text: '实习就业',
+          text: this.$t('home.industrial.tit_t6'),
           path: '/services/employment'
         },
         {
           icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_al.png',
           iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_al_active.png',
-          text: '落地案例',
+          text: this.$t('home.industrial.tit_t7'),
           path: '/services/college/case'
           // pathType: 1
         }
@@ -91,6 +91,7 @@ export default {
   padding: 78px 58px 70px 56px;
   margin-top: 20px;
   li {
+    width: 105px;
     background: #ffffff;
     margin-right: 20px;
     cursor: pointer;
@@ -131,7 +132,7 @@ export default {
       line-height: 18px;
       color: #666666;
       margin-top: 20px;
-      white-space: nowrap;
+      // white-space: nowrap;
     }
   }
 }

components/home/internationalDegree.vue

 <template>
-  <AppCard title="国际学位">
+  <AppCard title="$t('home.degree.title')">
     <template #title>
-      <nuxt-link to="/internationalDegree">国际学位</nuxt-link>
+      <nuxt-link to="/internationalDegree">{{ $t('home.degree.title') }}</nuxt-link>
     </template>
     <div class="content_con">
       <div class="con_left" v-for="(item, index) in degreeList" :key="index">

pages/studyAbroad/index.vue

@@ -14,7 +14,7 @@
     </div>
     <FormSubmit :type="2" id="form" ref="formSubmit"></FormSubmit>
     <div class="w1200">
-      <ProjectCard title="热门专业" :list="projectList"></ProjectCard>
+      <ProjectCard :title="isEn ? 'Popular Programs' : '热门专业'" :list="projectList"></ProjectCard>
       <!-- <div class="why">
         <h1 class="why-title">为什么选择紫荆教育的国际留学课程？</h1>
         <div class="why-list">
@@ -33,12 +33,12 @@
           </li>
         </ul>
       </app-card> -->
-      <app-card title="申请流程" style="margin-top:68px">
+      <app-card :title="isEn ? 'Application' : '申请流程'" style="margin-top:68px">
         <div class="process">
           <img src="https://webapp-pub.ezijing.com/www/pc/studyAbroad/process.png" />
         </div>
       </app-card>
-      <app-card title="报考指南" style="margin-top: 74px;">
+      <app-card :title="isEn ? 'Application Guide' : '报考指南'" style="margin-top: 74px;">
         <ul class="qa-list2">
           <li v-for="(item, index) in qaList2" :key="index">
             <h2>Q：{{ item.question }}</h2>
@@ -82,6 +82,7 @@ export default {
   components: { AppCard, ProjectCard, NewsCard, TeacherCard, FormSubmit },
   data() {
     return {
+      isEn: false,
       listData: [
         { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/banner4.png' },
         { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/banner2.png' },
@@ -187,86 +188,85 @@ export default {
       teacherList: [
         {
           imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/yxsz_01.jpg',
-          name: 'Tim Gramling',
-          project: '师资-CBU | 院长',
-          desc: '加州浸会大学商学院院长 <br/>美国东北大学法律与公共政策博士 <br/>哈佛大学计算机科学学士'
+          name: this.$t('abroad.teacherList.name1'),
+          project: this.$t('abroad.teacherList.project1'),
+          desc: this.$t('abroad.teacherList.desc1')
         },
         {
           imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/yxsz_02.jpg',
-          name: 'Dmytro Holod',
-          project: '师资－SBU | 副院长',
-          desc: '石溪大学商学院副院长 <br/>肯塔基大学博士'
+          name: this.$t('abroad.teacherList.name2'),
+          project: this.$t('abroad.teacherList.project2'),
+          desc: this.$t('abroad.teacherList.desc2')
         },
         {
           imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/yxsz_03.jpg',
-          name: 'Danling Jiang',
-          project: '师资－SBU | 副院长',
-          desc: '石溪大学商学院金融学教授<br/>俄亥俄州立大学金融学博士'
+          name: this.$t('abroad.teacherList.name3'),
+          project: this.$t('abroad.teacherList.project3'),
+          desc: this.$t('abroad.teacherList.desc3')
         },
         {
           imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/yxsz_04.jpg',
-          name: 'Yehia Massoud',
-          project: '师资-SIT | 院长',
-          desc: '教授、学院院长<br/>IEEE电气与电子工程师协会院士<br/>麻省理工学院博士'
+          name: this.$t('abroad.teacherList.name4'),
+          project: this.$t('abroad.teacherList.project4'),
+          desc: this.$t('abroad.teacherList.desc4')
         },
         {
           imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/yxsz_05.jpg',
-          name: 'Kathryn Abel',
-          project: '师资-SIT | 副教授',
-          desc: '史蒂文斯理工学院博士'
+          name: this.$t('abroad.teacherList.name5'),
+          project: this.$t('abroad.teacherList.project5'),
+          desc: this.$t('abroad.teacherList.desc5')
         },
         {
           imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/yxsz_06.jpg',
-          name: 'Steven Hoffenson',
-          project: '师资-SIT | 讲师',
-          desc: '密歇根大学博士'
+          name: this.$t('abroad.teacherList.name6'),
+          project: this.$t('abroad.teacherList.project6'),
+          desc: this.$t('abroad.teacherList.desc6')
         },
         {
           imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/yxsz_07.jpg',
-          name: 'Young Shin Kim',
-          project: '师资－SBU | 副教授',
-          desc: '石溪大学金融副教授<br/>Sogang大学博士'
+          name: this.$t('abroad.teacherList.name7'),
+          project: this.$t('abroad.teacherList.project7'),
+          desc: this.$t('abroad.teacherList.desc7')
         },
         {
           imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/yxsz_08.jpg',
-          name: 'Gokhan Torna',
-          project: '师资－SBU | 副教授',
-          desc: '石溪大学金融副教授<br/>堪萨斯大学商学院金融学博士'
+          name: this.$t('abroad.teacherList.name8'),
+          project: this.$t('abroad.teacherList.project8'),
+          desc: this.$t('abroad.teacherList.desc8')
         }
       ],
       qaList2: [
         {
-          question: '请问必须有本科学历吗？对专业有没有要求？',
-          answer: '是的，申请者必须要求本科学历或本科在读。但是对专业没有限制。'
+          question: this.$t('abroad.qaList.question1'),
+          answer: this.$t('abroad.qaList.answer1')
         },
         {
-          question: '英语基础不好会影响学习吗?',
-          answer: '紫荆教育提供了英语强化课程，课程测试结果得到美国大学的官方认可。'
+          question: this.$t('abroad.qaList.question2'),
+          answer: this.$t('abroad.qaList.answer2')
         },
         {
-          question: '签证是自己办理吗？拒签了怎么办?',
-          answer: '签证需要学生面签。紫荆教育会提供相应的办理辅导和协助。'
+          question: this.$t('abroad.qaList.question3'),
+          answer: this.$t('abroad.qaList.answer3')
         },
         {
-          question: '国内学习什么课程？在哪上课？',
-          answer: '国内开设的是语言强化课、专业先修课、及少量学分课。采用线上授课+线下集中授课的方式。'
+          question: this.$t('abroad.qaList.question4'),
+          answer: this.$t('abroad.qaList.answer4')
         },
         {
-          question: '硕士保研项目申请面试要注意什么？',
-          answer:
-            '面试为中英文方式 ，包括自我介绍以及教授提问等环节。面试将考察专业基础，研究能力，语言表达能力以及其他综合能力。'
+          question: this.$t('abroad.qaList.question5'),
+          answer: this.$t('abroad.qaList.answer5')
         },
         {
-          question: '疫情对赴美留学签证有影响吗？从申请到入学需要多久？',
-          answer: '目前中美双方对学生签证已全面开放,提交资料到入学视材料情况最快60天。'
+          question: this.$t('abroad.qaList.question6'),
+          answer: this.$t('abroad.qaList.answer6')
         },
         {
-          question: '申请报名要什么材料？',
-          answer: '大学成绩单，托福或雅思成绩（非必需），学历证明文件，推荐信等其它能力证明文件。'
+          question: this.$t('abroad.qaList.question7'),
+          answer: this.$t('abroad.qaList.answer7')
         },
         {
-          question: '在美国留学期间的住宿费和生活费大概预估是多少钱？',
-          answer: '留美一年住宿费和生活费预计15-20W人民币。'
+          question: this.$t('abroad.qaList.question8'),
+          answer: this.$t('abroad.qaList.answer8')
         }
       ]
     }
@@ -275,6 +275,9 @@ export default {
     showMessage() {
       this.$message('敬请期待')
     }
+  },
+  mounted() {
+    this.isEn = this.$cookies.get('lang') === 'en-US'
   }
 }
 </script>