中文

src/views/login/Login.vue

@@ -4,10 +4,10 @@
     <div class="box">
       <div class="left">
         <div class="title">
-          您好，欢迎来到 <span class="orgname">Beelink</span>
+          {{lan.$t("huanying")}} <span class="orgname">{{lan.$t("beelink")}}</span>
         </div>
         <div class="nosign">
-          还没有账号？ <span class="tosign"><router-link to="/sign"> 成为一名Beelink老师 </router-link></span>
+          {{lan.$t("meiyouzhanghao")}} <span class="tosign"><router-link to="/sign"> {{lan.$t("chengweilaoshi")}} </router-link></span>
         </div>
         <div class="tab">
           <LoginTab @sel="Selectnum"></LoginTab>
@@ -15,7 +15,7 @@
 
         <div v-if="tabselected == 1">
           <a-form :layout="formLayout">
-            <a-form-item label="手机号" class="form-item">
+            <a-form-item :label="lan.$t('shoujihao')" class="form-item">
               <a-input-group compact>
                 <!-- <a-select default-value="Zhejiang" class="getcode">
                   <a-select-option value="Zhejiang">
@@ -30,53 +30,53 @@
                     <!-- <a-select-option value="Jiangsu"> Jiangsu </a-select-option> -->
                 </a-select>
                 <div class="line"></div>
-                <a-input v-model:value="phone" style="width: 50%" placeholder="请输入您的手机号" />
+                <a-input v-model:value="phone" style="width: 50%" :placeholder="lan.$t('shurushouji')" />
               </a-input-group>
             </a-form-item>
-            <a-form-item label="验证码" class="form-item">
+            <a-form-item :label="lan.$t('yanzhengma')" class="form-item">
               <a-input-group compact>
                 <div class="getcode" @click="getcode">
-                  点击获取验证码{{ time == 60 ? "" : "(" + time + ")" }}
+                  {{lan.$t("dianjihuoquyzm")}} {{ time == 60 ? "" : "(" + time + ")" }}
                 </div>
                 <div class="line"></div>
-                <a-input style="width: 50%" placeholder="请输入您的验证码" v-model:value="code"/>
+                <a-input style="width: 50%" :placeholder="lan.$t('shuruyzm')" v-model:value="code"/>
               </a-input-group>
             </a-form-item>
-            <div class="submit" @click="sublogin">立即登录</div>
-            <div>Beelink公司版权所有 2019—2022</div>
+            <div class="submit" @click="sublogin">{{lan.$t("lijidenglu")}}</div>
+            <div>{{lan.$t('banquan')}}</div>
           </a-form>
         </div>
 
         <div v-if="tabselected == 2">
           <a-form :layout="formLayout">
-            <a-form-item label="帐号" class="form-item">
+            <a-form-item :label="lan.$t('zhanghao')" class="form-item">
               <a-input-group compact>
                 <a-input
                   style="width: 80%"
-                  placeholder="请输入您的邮箱或者手机号"
+                  :placeholder="lan.$t('shuruzhanghao')"
                   v-model:value="userinfo.phone"
                 />
               </a-input-group>
             </a-form-item>
-            <a-form-item label="密码" class="form-item">
+            <a-form-item :label="lan.$t('mima')" class="form-item">
               <a-input-group compact>
                 <a-input
                   style="width: 70%"
-                  placeholder="请输入您的密码"
+                  :placeholder="lan.$t('shurumima')"
                   type="password"
                   class="shuru"
                   v-model:value="userinfo.password"
                 />
-                <div class="forget"><router-link to="/reset">忘记密码?</router-link></div>
+                <div class="forget"><router-link to="/reset">{{lan.$t('wangjimima')}}</router-link></div>
               </a-input-group>
             </a-form-item>
-            <div class="submit" @click="login">立即登录</div>
+            <div class="submit" @click="login">{{lan.$t('lijidenglu')}}</div>
           </a-form>
         </div>
       </div>
       <div class="right">
-        <div class="top">亿万人的信赖和见证</div>
-        <div class="topdesc">Beelink 开启您的美好学习生活</div>
+        <div class="top">{{lan.$t('yiwanxinlai')}}</div>
+        <div class="topdesc">{{lan.$t('kaiqishenghuo')}}</div>
 
         <div class="lessons">
           <!-- @click="tovideoxq(i.videoid)" -->
@@ -98,15 +98,13 @@
     </div>
     <div class="bottom">
       <div class="content">
-        <div class="title">关于 Beelink</div>
+        <div class="title">{{lan.$t('guanyubeelink')}}</div>
         <div class="rowline"></div>
         <div class="texts">
-          Beelink平台拥有数千名优秀老师，丰富的教育经验和有趣的课堂环境，一对一辅导
-          平台的教务管理、线上课堂、线下课堂、助学互动，课程回放等多项教学功能，让
-          您利用碎片时间，轻轻松松学会各种语言。
+         {{lan.$t("guanyuneirong")}}
         </div>
         <div class="relation">
-          <div class="more" @click="navto()">了解更多</div>
+          <div class="more" @click="navto()">{{lan.$t('liaojiegengduo')}}</div>
           <img src="@/static/images/tel.png" alt="" class="icon">
           <div>136-0111-1111</div> 
 
@@ -125,6 +123,7 @@ import NavTop from "@/components/NavTop.vue"
 import { checksmscode, getquhaolist, getwebvideolist, loginpass, sendsms } from '@/api';
 import { message } from 'ant-design-vue';
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 
 export default defineComponent({
   name: "Login",
@@ -133,6 +132,7 @@ export default defineComponent({
     NavTop
   },
   setup() {
+    const lan: any = useI18n();
     const formLayout = {
       labelCol: 4,
       wrapperCol: 14,
@@ -269,7 +269,8 @@ export default defineComponent({
       videolist,
       tovideoxq,
       navto,
-      todetail
+      todetail,
+      lan
     };
   },
 });