适配语言

src/views/login/login.vue

@@ -17,38 +17,42 @@
 				<img src="@/assets/images/login/elephant.png" />
 				<template v-if="!isVisible">
 					<div class="title">
-						<span>Log on to</span>
+						<span>{{ $t('Login.LoginTo') }}</span>
 						<img src="@/assets/images/logo-2.png" />
 					</div>
-					<div class="tip">A multi-agent canvas for rapid, trend driven design iteration.</div>
+					<div class="tip">{{ $t('Login.LoginTitle') }}</div>
 					<el-form :model="formData" :rules="ruleForm" label-position="top" ref="formRef">
-						<el-form-item label="Email" prop="email">
-							<el-input v-model="formData.email" placeholder="Enter your email" name="email" />
+						<el-form-item :label="$t('Login.email')" prop="email">
+							<el-input
+								v-model="formData.email"
+								:placeholder="$t('Login.enterEmail')"
+								name="email"
+							/>
 						</el-form-item>
-						<el-form-item label="Password" prop="password">
+						<el-form-item :label="$t('Login.password')" prop="password">
 							<el-input
 								v-model="formData.password"
-								placeholder="Enter your password"
+								:placeholder="$t('Login.enterPassword')"
 								type="password"
 								show-password
 								name="password"
 							/>
 						</el-form-item>
 						<div class="forgetPassword">
-							<span>forget password?</span>
+							<span>{{ $t('Login.forgetPassword') }}</span>
 						</div>
 						<el-form-item prop="privacy" class="privacy">
 							<el-checkbox v-model="formData.privacy">
-								I agree to the <span @click.prevent="onClickPrivacy">Terms, Policy</span> and Fees.
+								<div v-html="$t('Login.agreeTermsPolicy')"></div>
 							</el-checkbox>
 						</el-form-item>
 						<el-form-item>
-							<el-button class="submit" type="primary" @click="onSubmit">Log in</el-button>
+							<el-button class="submit" type="primary" @click="onSubmit">{{
+								$t('Login.Login')
+							}}</el-button>
 						</el-form-item>
 					</el-form>
-					<div class="tip-2">
-						Don't have an account? <span @click.prevent="onClickRegister">Sign up</span>
-					</div>
+					<div class="tip-2" v-html="$t('Login.noAccountToSignUp')"></div>
 				</template>
 				<visible-code v-else :email="formData.email" @submit="onVerifyCode" />
 				<other-login />
@@ -97,10 +101,6 @@
 		console.log(code)
 		router.push({ name: 'home' })
 	}
-	const onClickPrivacy = () => {}
-	const onClickRegister = () => {
-		router.push({ name: 'register' })
-	}
 </script>
 
 <style lang="less" scoped>