1、登录居中 2、背景图 不重复叠加

This commit is contained in:
wyw 2026-05-28 14:48:16 +08:00
parent 568cd7ba3d
commit cf94f2103d
2 changed files with 7 additions and 3 deletions

View File

@ -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))" />

View File

@ -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;