orga0063
/
BootstrapAdmin
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refactor: 增加登录页切换链接

This commit is contained in:
Argo Zhang 2020-03-13 23:15:05 +08:00
parent 19206c564a
commit 2e08a6b26b
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
2 changed files with 80 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/admin/Bootstrap.Admin/Views/Account/Login-Gitee.cshtml
View File

@ -14,7 +14,7 @@
</environment> </environment>
<link href="~/lib/captcha/slidercaptcha.css" rel="stylesheet" /> <link href="~/lib/captcha/slidercaptcha.css" rel="stylesheet" />
<link href="~/css/theme.css" rel="stylesheet" asp-append-version="true" /> <link href="~/css/theme.css" rel="stylesheet" asp-append-version="true" />
<link href="~/css/login1.css" rel="stylesheet" asp-append-version="true" /> <link href="~/css/login-gitee.css" rel="stylesheet" asp-append-version="true" />
} }
@section javascript { @section javascript {
<environment include="Development"> <environment include="Development">
@ -162,6 +162,14 @@
</div> </div>
</section> </section>
</div> </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>
</div> </div>
<div class="modal fade" id="dialogNew" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true"> <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-dialog modal-dialog-centered modal-lg" role="document">

119
src/admin/Bootstrap.Admin/wwwroot/css/login1.css → src/admin/Bootstrap.Admin/wwwroot/css/login-gitee.css
View File

@ -47,38 +47,38 @@ body {
color: #fff; color: #fff;
} }
.login-container .login-sidebox::before, .login-container .login-sidebox::after { .login-container .login-sidebox::before, .login-container .login-sidebox::after {
content: ''; content: '';
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
position: absolute; position: absolute;
} }
.login-container .login-sidebox::before { .login-container .login-sidebox::before {
background: url(../images/left-1.png) no-repeat 0 0; background: url(../images/left-1.png) no-repeat 0 0;
} }
.login-container .login-sidebox::after { .login-container .login-sidebox::after {
background: url(../images/left-2.png) no-repeat right bottom; background: url(../images/left-2.png) no-repeat right bottom;
} }
.login-container .login-sidebox .login-sidebox-content { .login-container .login-sidebox .login-sidebox-content {
padding: 80px 80px 48px; padding: 80px 80px 48px;
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.login-sidebox-header { .login-sidebox-header {
margin-bottom: 40px; margin-bottom: 40px;
} }
.login-sidebox-logo { .login-sidebox-logo {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 14px; margin-bottom: 14px;
} }
.login-sidebox-logo img { .login-sidebox-logo img {
width: 48px; width: 48px;
@ -93,28 +93,28 @@ body {
font-weight: 700; font-weight: 700;
} }
.login-sidebox-subtitle { .login-sidebox-subtitle {
font-size: 20pt; font-size: 20pt;
font-weight: normal; font-weight: normal;
} }
.login-sidebox-footer { .login-sidebox-footer {
margin-top: 40px; margin-top: 40px;
border-top: solid 1px #ddd; border-top: solid 1px #ddd;
padding-top: 28px; padding-top: 28px;
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: 500;
} }
.login-sidebox-footer a { .login-sidebox-footer a {
cursor: pointer; cursor: pointer;
color: #fff; color: #fff;
} }
.login-form { .login-form {
padding: 64px; padding: 64px;
font-size: 0.875rem; font-size: 0.875rem;
} }
.login-form-header { .login-form-header {
display: flex; display: flex;
@ -123,10 +123,10 @@ body {
margin-bottom: 20px; margin-bottom: 20px;
} }
.login-form-header h2 { .login-form-header h2 {
margin-bottom: 0; margin-bottom: 0;
font-size: 1.714rem; font-size: 1.714rem;
} }
.login-other { .login-other {
display: table; display: table;
@ -168,11 +168,30 @@ body {
background: #fe7300; background: #fe7300;
} }
.btn-login:hover { .btn-login:hover {
background: #f38d30; background: #f38d30;
color: #fff; color: #fff;
} }
.forget-password { .forget-password {
padding: 16px 0; 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;
}