refactor: 登录页面增加 Login-Footer

This commit is contained in:
Argo Zhang 2020-03-14 15:30:15 +08:00
parent e83c02e161
commit bcf426bfda
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
6 changed files with 42 additions and 32 deletions

View File

@ -14,6 +14,7 @@
</environment>
<link href="~/lib/captcha/slidercaptcha.css" rel="stylesheet" />
<link href="~/css/theme.css" rel="stylesheet" asp-append-version="true" />
<link href="~/css/login-footer.css" rel="stylesheet" asp-append-version="true" />
<link href="~/css/login-gitee.css" rel="stylesheet" asp-append-version="true" />
}
@section javascript {
@ -162,14 +163,7 @@
</div>
</section>
</div>
<div class="login-footer">
<ui class="login-footer-body">
<li><a href="https://ba.sdgxgz.com" target="_blank">@@Bootstrap Admin</a></li>
<li><a href="https://gitee.com/LongbowEnterprise/BootstrapAdmin/wikis" target="_blank">帮助文档</a></li>
<li><a href="./Login?View=Login">系统默认登录页</a></li>
<li><a href="./Login?View=Login-Gitee">高仿码云登录页</a></li>
</ui>
</div>
@await Html.PartialAsync("LoginFooter", Model)
</div>
<div class="modal fade" id="dialogNew" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">

View File

@ -16,12 +16,9 @@
</environment>
<link href="~/lib/captcha/slidercaptcha.css" rel="stylesheet" />
<link href="~/css/theme.css" rel="stylesheet" asp-append-version="true" />
<link href="~/css/login-footer.css" rel="stylesheet" asp-append-version="true" />
<link href="~/css/login.css" rel="stylesheet" asp-append-version="true" />
<link href="~/css/login-responsive.css" rel="stylesheet" asp-append-version="true" />
@if (!string.IsNullOrEmpty(Model.Theme))
{
<link href="~/css/@Model.Theme" rel="stylesheet" asp-append-version="true" />
}
}
@section javascript {
<environment include="Development">
@ -151,6 +148,7 @@
</div>
</form>
</div>
@await Html.PartialAsync("LoginFooter", Model)
<div class="modal fade" id="dialogNew" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content" data-toggle="LgbValidate" data-valid-button="#btnSubmit" data-valid-modal="#dialogNew">

View File

@ -0,0 +1,9 @@
@model LoginModel
<div class="login-footer" asp-condition="@Model.IsDemo">
<ui class="login-footer-body">
<li><a href="https://ba.sdgxgz.com" target="_blank">@@Bootstrap Admin</a></li>
<li><a href="https://gitee.com/LongbowEnterprise/BootstrapAdmin/wikis" target="_blank">帮助文档</a></li>
<li><a href="./Login?View=Login">系统默认登录页</a></li>
<li><a href="./Login?View=Login-Gitee">高仿码云登录页</a></li>
</ui>
</div>

View File

@ -0,0 +1,18 @@
.login-footer {
position: absolute;
bottom: 40px;
}
.login-footer .login-footer-body {
display: flex;
width: 600px;
justify-content: space-around;
}
.login-footer .login-footer-body li {
list-style: none;
}
.login-footer .login-footer-body li a {
color: #7e8392;
}

View File

@ -176,22 +176,3 @@ body {
.forget-password {
padding: 16px 0;
}
.login-footer {
position: absolute;
bottom: 40px;
}
.login-footer .login-footer-body {
display: flex;
width: 600px;
justify-content: space-around;
}
.login-footer .login-footer-body li {
list-style: none;
}
.login-footer .login-footer-body li a {
color: #7e8392;
}

View File

@ -1,4 +1,4 @@
body {
body {
color: #797979;
background-color: #f1f2f7;
}
@ -139,3 +139,13 @@
.login-wrap .btn-sms {
width: 140px;
}
.login-footer {
width: 100%;
display: flex;
justify-content: space-around;
}
.login-footer .login-footer-body li a {
color: #e0e0e0;
}