77 <div class =" login-right" >
88 <div class =" login-form" >
99 <h2 class =" title" >Login</h2 >
10- <el-form ref =" loginFormRef" :model =" loginForm" :rules =" rules" @keyup.enter =" submitForm" >
10+ <el-form
11+ ref =" loginFormRef"
12+ class =" form-content_error"
13+ :model =" loginForm"
14+ :rules =" rules"
15+ @keyup.enter =" submitForm"
16+ >
1117 <el-form-item prop =" username" >
1218 <el-input
1319 v-model =" loginForm.username"
14- placeholder =" Account"
15- :prefix-icon =" User"
20+ :placeholder =" $t('common.your_account_email_address')"
1621 size =" large"
1722 ></el-input >
1823 </el-form-item >
1924 <el-form-item prop =" password" >
2025 <el-input
2126 v-model =" loginForm.password"
22- placeholder =" Password "
27+ : placeholder =" $t('common.enter_your_password') "
2328 type =" password"
2429 show-password
25- :prefix-icon =" Lock"
2630 size =" large"
2731 ></el-input >
2832 </el-form-item >
4044import { ref } from ' vue'
4145import { useRouter } from ' vue-router'
4246import { useUserStore } from ' @/stores/user'
43- import { User , Lock } from ' @element-plus/icons- vue'
47+ import { useI18n } from ' vue-i18n '
4448
4549const router = useRouter ()
4650const userStore = useUserStore ()
51+ const { t } = useI18n ()
4752
4853const loginForm = ref ({
4954 username: ' ' ,
5055 password: ' ' ,
5156})
5257
5358const rules = {
54- username: [{ required: true , message: ' Please input account ' , trigger: ' blur' }],
55- password: [{ required: true , message: ' Please input password ' , trigger: ' blur' }],
59+ username: [{ required: true , message: t ( ' common.your_account_email_address ' ) , trigger: ' blur' }],
60+ password: [{ required: true , message: t ( ' common.the_correct_password ' ) , trigger: ' blur' }],
5661}
5762
5863const loginFormRef = ref ()
@@ -109,10 +114,24 @@ const submitForm = () => {
109114 padding : 40px ;
110115 display : flex ;
111116 align-items : center ;
117+ position : relative ;
118+ height : 361px ;
112119
113120 .login-form {
114121 width : 100% ;
115122 padding : 0 40px ;
123+ position : absolute ;
124+ top : 40px ;
125+ left : 0 ;
126+
127+ .form-content_error {
128+ .ed-form-item--default {
129+ margin-bottom : 24px ;
130+ & .is-error {
131+ margin-bottom : 48px ;
132+ }
133+ }
134+ }
116135
117136 .title {
118137 font-size : 28px ;
@@ -126,7 +145,6 @@ const submitForm = () => {
126145 height : 45px ;
127146 font-size : 16px ;
128147 border-radius : 4px ;
129- margin-top : 20px ;
130148 }
131149
132150 .agreement {
0 commit comments