登录样式

This commit is contained in:
admin
2021-06-30 17:50:19 +08:00
parent 321359c4c3
commit 5aef3a3de9

View File

@@ -4,17 +4,17 @@
<div class="title" style="margin-top:70px"> <div class="title" style="margin-top:70px">
<img src="../public/images/cion.png" /> <img src="../public/images/cion.png" />
</div> </div>
<el-form class="login__shrink__Box"> <el-form class="login__box">
<el-form-item> <el-form-item>
<el-input <el-input
prefix-icon="el-icon-user" prefix-icon="el-icon-user"
class="inputStyle login__one_input" class="inputstyle login__input"
v-model="username" v-model="username"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-input <el-input
class="inputStyle" class="inputstyle"
prefix-icon="el-icon-lock" prefix-icon="el-icon-lock"
type="password" type="password"
v-model="pin" v-model="pin"
@@ -24,7 +24,7 @@
<el-button <el-button
v-loading="loading" v-loading="loading"
type="primary" type="primary"
class="inputStyle login__button" class="inputstyle login__button"
@click="login" @click="login"
style=" font-size: 16px;" style=" font-size: 16px;"
>登陆</el-button >登陆</el-button
@@ -105,14 +105,14 @@ export default {
margin-left: 52px; margin-left: 52px;
margin-right: 10px; margin-right: 10px;
} }
.inputStyle{ .inputstyle{
width: 300px; width: 300px;
height: 40px; height: 40px;
} }
.login__one_input:first-of-type{ .login__input:first-of-type{
margin-top: 45.57px; margin-top: 45.57px;
} }
.login__shrink__Box{ .login__box{
width: 300px; width: 300px;
height: 250px; height: 250px;
margin: auto; margin: auto;