推荐信修改为双语

modules/letter/index.vue

@@ -9,21 +9,22 @@
         </div>
       </div>
     </header>
-    <nav class="nav"><h1 class="title">CAAS瑞士美食艺术管理大学MBA项目推荐信</h1></nav>
+    <nav class="nav">
+      <h1 class="title">CAAS瑞士美食艺术管理大学MBA项目推荐信<br />CAAS MBA Recommendation Letter</h1>
+    </nav>
     <section class="content">
       <el-form
         :model="ruleForm"
         :rules="rules"
         ref="form"
         label-width="130px"
-        :label-position="labelPosition"
+        label-position="top"
         @submit.native.prevent
-        style="max-width: 680px"
       >
-        <el-form-item label="推荐人姓名" prop="provider_name">
+        <el-form-item label="推荐人姓名/Name of Referrer" prop="provider_name">
           <el-input v-model="ruleForm.provider_name" @blur="onBlur('provider_name')"></el-input>
         </el-form-item>
-        <el-form-item label="推荐信内容" prop="letter_content">
+        <el-form-item label="推荐信内容/Content of Recommendation Letter" prop="letter_content">
           <el-input
             type="textarea"
             :autosize="{ minRows: 6 }"
@@ -31,18 +32,18 @@
             @blur="onBlur('letter_content')"
           ></el-input>
         </el-form-item>
-        <el-form-item label="推荐人手机号" prop="provider_phone_number">
+        <el-form-item label="推荐人手机号/Contact Number of Referrer" prop="provider_phone_number">
           <el-input v-model="ruleForm.provider_phone_number"></el-input>
         </el-form-item>
-        <el-form-item label="推荐人工作单位" prop="provider_company_name">
+        <el-form-item label="推荐人工作单位/Work Place of Referrer" prop="provider_company_name">
           <el-input v-model="ruleForm.provider_company_name" @blur="onBlur('provider_company_name')"></el-input>
         </el-form-item>
-        <el-form-item label="推荐人职务" prop="provider_job_title">
+        <el-form-item label="推荐人职务/Position/Title of Referrer" prop="provider_job_title">
           <el-input v-model="ruleForm.provider_job_title" @blur="onBlur('provider_job_title')"></el-input>
         </el-form-item>
       </el-form>
       <div class="buttons">
-        <el-button type="primary" @click="handleSubmit">确认提交</el-button>
+        <el-button type="primary" @click="handleSubmit">确认提交/Submit</el-button>
       </div>
     </section>
 
@@ -153,10 +154,11 @@ export default {
   .nav {
     background-color: var(--main-color);
     .title {
+      padding: 15px 0;
       font-size: 24px;
       font-weight: 600;
       color: #fff;
-      line-height: 60px;
+      line-height: 30px;
       text-align: center;
     }
   }
@@ -184,7 +186,7 @@ export default {
   }
   .buttons {
     border-top: 1px solid #f1f1f1;
-    padding: 20px 100px;
+    padding: 20px 0;
   }
   @media (max-width: 767px) {
     .logo {