1、登录居中 2、背景图 不重复叠加
This commit is contained in:
parent
568cd7ba3d
commit
cf94f2103d
@ -11,7 +11,7 @@
|
||||
</header>*@
|
||||
<div class="login-content">
|
||||
<div class="login-form">
|
||||
<img src="/images/logo.png" alt="" height="48" style="position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);height:auto;">
|
||||
<img src="/images/logo.png" alt="" height="48" style="position:absolute;top:10%;left:50%;transform:translate(-50%,-39%);height:auto;">
|
||||
<h5 style="text-align:center;margin-top:20px;margin-bottom:10px;font-weight:bold;color:#0D6EFD;"> 客户管理系统</h5>
|
||||
<ValidateForm Model="@Model" OnValidSubmit="@Submit">
|
||||
<BootstrapInput PlaceHolder="请输入账号" TValue="string" ShowLabel="false" @oninput="@(val => OnInput(val))" />
|
||||
|
||||
@ -29,8 +29,8 @@
|
||||
margin-right: 144px;
|
||||
transition: all .2s;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
top:30%;
|
||||
left:46%;
|
||||
transform:translate(-30%,-50%);
|
||||
opacity:0.9;
|
||||
}
|
||||
@ -71,7 +71,11 @@
|
||||
|
||||
.app-login-back-1 {
|
||||
/*background-color: bisque;*/
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("images/login-bg.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
/*.app-login-back-1 {
|
||||
background-color: #ffffff;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user