hmr/mh_custom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
wtmProject.Shared/Shared/Login.razor
View File

@ -11,7 +11,7 @@
</header>*@ </header>*@
<div class="login-content"> <div class="login-content">
<div class="login-form"> <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> <h5 style="text-align:center;margin-top:20px;margin-bottom:10px;font-weight:bold;color:#0D6EFD;"> 客户管理系统</h5>
<ValidateForm Model="@Model" OnValidSubmit="@Submit"> <ValidateForm Model="@Model" OnValidSubmit="@Submit">
<BootstrapInput PlaceHolder="请输入账号" TValue="string" ShowLabel="false" @oninput="@(val => OnInput(val))" /> <BootstrapInput PlaceHolder="请输入账号" TValue="string" ShowLabel="false" @oninput="@(val => OnInput(val))" />

8
wtmProject.Shared/Shared/Login.razor.css
View File

@ -29,8 +29,8 @@
margin-right: 144px; margin-right: 144px;
transition: all .2s; transition: all .2s;
position:absolute; position:absolute;
top:50%; top:30%;
left:50%; left:46%;
transform:translate(-30%,-50%); transform:translate(-30%,-50%);
opacity:0.9; opacity:0.9;
} }
@ -71,7 +71,11 @@
.app-login-back-1 { .app-login-back-1 {
/*background-color: bisque;*/ /*background-color: bisque;*/
width: 100%;
height: 100%;
background-image: url("images/login-bg.png"); background-image: url("images/login-bg.png");
background-size: 100% 100%;
background-repeat: no-repeat;
} }
/*.app-login-back-1 { /*.app-login-back-1 {
background-color: #ffffff; background-color: #ffffff;