Commit f59bc0be authored by wends's avatar wends

update 登录页面

parent e771a027
...@@ -10,16 +10,23 @@ ...@@ -10,16 +10,23 @@
<img :src="logo" alt=""> <img :src="logo" alt="">
</div> </div>
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-position="left"> <el-form
ref="loginForm"
:model="loginForm"
:rules="loginRules"
class="login-form"
autocomplete="on"
label-position="left"
>
<div class="title-container"> <div class="title-container">
<div class="title">账号登录</div> <div class="title">账号登录</div>
</div> </div>
<el-form-item prop="username"> <el-form-item prop="username">
<span class="svg-container"> <span class="svg-container">
<svg-icon icon-class="user" /> <svg-icon icon-class="user" />
</span> </span>
<el-input <el-input
ref="username" ref="username"
v-model="loginForm.username" v-model="loginForm.username"
...@@ -31,11 +38,16 @@ ...@@ -31,11 +38,16 @@
/> />
</el-form-item> </el-form-item>
<el-tooltip v-model="capsTooltip" content="Caps lock is On" placement="right" manual> <el-tooltip
v-model="capsTooltip"
content="大写锁定"
placement="right"
manual
>
<el-form-item prop="password"> <el-form-item prop="password">
<span class="svg-container"> <span class="svg-container">
<svg-icon icon-class="password" /> <svg-icon icon-class="password" />
</span> </span>
<el-input <el-input
:key="passwordType" :key="passwordType"
ref="password" ref="password"
...@@ -48,15 +60,15 @@ ...@@ -48,15 +60,15 @@
@blur="capsTooltip = false" @blur="capsTooltip = false"
/> />
<span class="show-pwd" @click="showPwd"> <span class="show-pwd" @click="showPwd">
<svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" /> <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
</span> </span>
</el-form-item> </el-form-item>
</el-tooltip> </el-tooltip>
<el-form-item prop="captcha" class="captcha"> <el-form-item prop="captcha" class="captcha">
<span class="svg-container"> <span class="svg-container">
<svg-icon icon-class="captcha" /> <svg-icon icon-class="captcha" />
</span> </span>
<el-input <el-input
v-model="loginForm.captcha" v-model="loginForm.captcha"
placeholder="验证码" placeholder="验证码"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment