lsm/OpenAuth.Net
1
0
Fork 0
mirror of https://gitee.com/dotnetchina/OpenAuth.Net.git synced 2026-07-14 11:33:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

🎨ui: 优化Identity样式

Browse Source
This commit is contained in:
yubaolee
2026-06-27 00:51:53 +08:00
parent 5e6ca18770
commit 97a96e8b4b
11 changed files with 778 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
OpenAuth.Identity/Views/Account/Login.cshtml
View File

@@ -1,92 +1,75 @@
@model OpenAuth.IdentityServer.Quickstart.Account.LoginViewModel
@model OpenAuth.IdentityServer.Quickstart.Account.LoginViewModel
<div class="login-page">
<div class="page-header">
<h1>Login</h1>
<div class="auth-card">
<div class="auth-card-header">
<div class="auth-icon">&#128274;</div>
<h1>欢迎登录</h1>
<p>登录 OpenAuth.Net 统一认证平台</p>
</div>
<partial name="_ValidationSummary" />
<div class="row">
@if (Model.EnableLocalLogin)
{
<form asp-route="Login">
<input type="hidden" asp-for="ReturnUrl" />
<div class="form-group">
<label asp-for="Username">用户名</label>
<input class="form-control" placeholder="请输入用户名" asp-for="Username" autofocus>
</div>
<div class="form-group">
<label asp-for="Password">密码</label>
<input type="password" class="form-control" placeholder="请输入密码" asp-for="Password" autocomplete="off">
</div>
@if (Model.AllowRememberLogin)
{
<div class="checkbox-group">
<input type="checkbox" asp-for="RememberLogin" id="RememberLogin">
<label for="RememberLogin">记住登录状态</label>
</div>
}
<div class="btn-group">
<button class="btn btn-primary" name="button" value="login">登 录</button>
<button class="btn btn-secondary" name="button" value="cancel">取 消</button>
</div>
<div class="hint-text">
测试账号：System/123456 | admin/admin | test/test
</div>
</form>
}
@if (Model.VisibleExternalProviders.Any())
{
@if (Model.EnableLocalLogin)
{
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Local Login</h3>
</div>
<div class="panel-body">
<form asp-route="Login">
<input type="hidden" asp-for="ReturnUrl" />
<fieldset>
<div class="form-group">
<label asp-for="Username"></label>
<input class="form-control" placeholder="Username" asp-for="Username" autofocus>
</div>
<div class="form-group">
<label asp-for="Password"></label>
<input type="password" class="form-control" placeholder="Password" asp-for="Password" autocomplete="off">
</div>
@if (Model.AllowRememberLogin)
{
<div class="form-group login-remember">
<label asp-for="RememberLogin">
<input asp-for="RememberLogin">
<strong>Remember My Login</strong>
</label>
</div>
}
<div class="form-group">
<button class="btn btn-primary" name="button" value="login">Login</button>
<button class="btn btn-default" name="button" value="cancel">Cancel</button>
</div>
<div class="form-group">
*Test Accounts: System/123456 | admin/admin | test/test
</div>
</fieldset>
</form>
</div>
</div>
</div>
<div class="divider"><span>或使用其他方式登录</span></div>
}
<div class="external-providers">
@foreach (var provider in Model.VisibleExternalProviders)
{
<a class="btn btn-outline"
asp-controller="External"
asp-action="Challenge"
asp-route-provider="@provider.AuthenticationScheme"
asp-route-returnUrl="@Model.ReturnUrl">
@provider.DisplayName
</a>
}
</div>
}
@if (Model.VisibleExternalProviders.Any())
{
<div class="col-md-6 col-sm-6 external-providers">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">External Login</h3>
</div>
<div class="panel-body">
<ul class="list-inline">
@foreach (var provider in Model.VisibleExternalProviders)
{
<li>
<a class="btn btn-default"
asp-controller="External"
asp-action="Challenge"
asp-route-provider="@provider.AuthenticationScheme"
asp-route-returnUrl="@Model.ReturnUrl">
@provider.DisplayName
</a>
</li>
}
</ul>
</div>
</div>
@if (!Model.EnableLocalLogin && !Model.VisibleExternalProviders.Any())
{
<div class="alert alert-warning">
<span>&#9888;</span>
<div>
<strong>无效的登录请求</strong>
<p>当前客户端未配置任何登录方式。</p>
</div>
}
@if (!Model.EnableLocalLogin && !Model.VisibleExternalProviders.Any())
{
<div class="alert alert-warning">
<strong>Invalid login request</strong>
There are no login schemes configured for this client.
</div>
}
</div>
</div>
</div>
}
</div>