登录页面改造

This commit is contained in:
robin
2026-02-15 15:16:20 +08:00
parent 2a811183c4
commit 92ffa1ab77
10 changed files with 101 additions and 0 deletions

View File

@@ -106,6 +106,23 @@ body.login-page > div {
justify-content: center;
}
.logo-image-wrap {
width: 36px;
height: 36px;
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #ffffff;
}
.logo-image {
width: 100%;
height: 100%;
object-fit: contain;
}
.logo-icon i.icon {
margin: 0 !important;
font-size: 16px;

View File

@@ -38,7 +38,11 @@
<div class="login-card">
<div class="card-header">
<div class="brand-logo">
{$if gt .logoFileId 0}
<span class="logo-image-wrap"><img class="logo-image" src="/ui/image/{$.logoFileId}" alt="logo"/></span>
{$else}
<span class="logo-icon"><i class="shield alternate icon"></i></span>
{$end}
<span class="logo-text">{$ htmlEncode .systemName}</span>
</div>
<p class="header-title">&#26032;&#19968;&#20195; Web&#19982;APP &#24212;&#29992;&#38450;&#25252;&#24179;&#21488;</p>

View File

@@ -106,6 +106,23 @@ body.login-page > div {
justify-content: center;
}
.logo-image-wrap {
width: 36px;
height: 36px;
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #ffffff;
}
.logo-image {
width: 100%;
height: 100%;
object-fit: contain;
}
.logo-icon i.icon {
margin: 0 !important;
font-size: 16px;

View File

@@ -106,6 +106,23 @@ body.login-page > div {
justify-content: center;
}
.logo-image-wrap {
width: 36px;
height: 36px;
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #ffffff;
}
.logo-image {
width: 100%;
height: 100%;
object-fit: contain;
}
.logo-icon i.icon {
margin: 0 !important;
font-size: 16px;

View File

@@ -38,7 +38,11 @@
<div class="login-card">
<div class="card-header">
<div class="brand-logo">
{$if gt .logoFileId 0}
<span class="logo-image-wrap"><img class="logo-image" src="/ui/image/{$.logoFileId}" alt="logo"/></span>
{$else}
<span class="logo-icon"><i class="shield alternate icon"></i></span>
{$end}
<span class="logo-text">{$ htmlEncode .systemName}</span>
</div>
<p class="header-title">&#26032;&#19968;&#20195; Web&#19982;APP &#24212;&#29992;&#38450;&#25252;&#24179;&#21488;</p>

View File

@@ -106,6 +106,23 @@ body.login-page > div {
justify-content: center;
}
.logo-image-wrap {
width: 36px;
height: 36px;
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #ffffff;
}
.logo-image {
width: 100%;
height: 100%;
object-fit: contain;
}
.logo-icon i.icon {
margin: 0 !important;
font-size: 16px;