wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update login.vue

Browse Source
This commit is contained in:
不做码农 2022-05-08 15:59:41 +08:00
parent 896bda5baf
commit 3c84701f51
1 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/login.vue
View File

@ -3,6 +3,8 @@
<div class="login"> <div class="login">
<el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form"> <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
<h3 class="title">{{ defaultSettings.title }}</h3> <h3 class="title">{{ defaultSettings.title }}</h3>
<LangSelect title="多语言设置" class="langSet" />
<el-form-item prop="username"> <el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" size="large" auto-complete="off" :placeholder="$t('login.account')"> <el-input v-model="loginForm.username" type="text" size="large" auto-complete="off" :placeholder="$t('login.account')">
<template #prefix> <template #prefix>
@ -11,14 +13,28 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input v-model="loginForm.password" type="password" size="large" auto-complete="off" :placeholder="$t('login.password')" @keyup.enter="handleLogin"> <el-input
v-model="loginForm.password"
type="password"
size="large"
auto-complete="off"
:placeholder="$t('login.password')"
@keyup.enter="handleLogin"
>
<template #prefix> <template #prefix>
<svg-icon name="password" class="el-input__icon input-icon" /> <svg-icon name="password" class="el-input__icon input-icon" />
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code" v-if="captchaOnOff != 'off'"> <el-form-item prop="code" v-if="captchaOnOff != 'off'">
<el-input v-model="loginForm.code" size="large" auto-complete="off" :placeholder="$t('login.captcha')" style="width: 63%" @keyup.enter="handleLogin"> <el-input
v-model="loginForm.code"
size="large"
auto-complete="off"
:placeholder="$t('login.captcha')"
style="width: 63%"
@keyup.enter="handleLogin"
>
<template #prefix> <template #prefix>
<svg-icon name="validCode" class="el-input__icon input-icon" /> <svg-icon name="validCode" class="el-input__icon input-icon" />
</template> </template>
@ -41,7 +57,6 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<LangSelect title="多语言设置" class="langSet" />
<!-- 底部 --> <!-- 底部 -->
<div class="el-login-footer"> <div class="el-login-footer">
<span>{{ defaultSettings.copyright }}</span> <span>{{ defaultSettings.copyright }}</span>
@ -170,8 +185,8 @@ getCookie()
// background: #ffffff; // background: #ffffff;
background-color: hsla(0, 0%, 100%, 0.3); background-color: hsla(0, 0%, 100%, 0.3);
width: 310px; width: 310px;
padding: 25px 25px 5px 25px; padding: 25px 15px 5px 15px;
position: relative;
.input-icon { .input-icon {
height: 39px; height: 39px;
@ -216,8 +231,11 @@ getCookie()
} }
.langSet { .langSet {
position: absolute; position: absolute;
right: 120px; right: 20px;
top: 100px; top: 10px;
color: #fff;
.svg-icon {
color: #fff !important;
}
} }
</style> </style>