调整登录页
parent
73f413f5e1
commit
eebbeaec8f
|
|
@ -6,4 +6,5 @@ use Dcat\Admin\Http\Controllers\AuthController as BaseAuthController;
|
|||
|
||||
class AuthController extends BaseAuthController
|
||||
{
|
||||
protected $view = 'admin.login';
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ return [
|
|||
| login page.
|
||||
|
|
||||
*/
|
||||
'name' => 'Dcat Admin',
|
||||
'name' => '子春生-管理后台',
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
@ -22,7 +22,7 @@ return [
|
|||
| `img` tag, eg '<img src="http://logo-url" alt="Admin logo">'.
|
||||
|
|
||||
*/
|
||||
'logo' => '<img src="/vendor/dcat-admin/images/logo.png" width="35"> Dcat Admin',
|
||||
'logo' => '<img src="/images/logo.png" width="35"> 子春生-管理后台',
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
@ -34,7 +34,7 @@ return [
|
|||
| '<img src="http://logo-url" alt="Admin logo">'.
|
||||
|
|
||||
*/
|
||||
'logo-mini' => '<img src="/vendor/dcat-admin/images/logo.png">',
|
||||
'logo-mini' => '<img src="/images/logo.png">',
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
|
|
@ -0,0 +1,255 @@
|
|||
<style>
|
||||
.row {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.col-md-12,
|
||||
.col-md-3 {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1000px) and (max-width: 1150px) {
|
||||
.col-lg-3,
|
||||
.col-lg-9 {
|
||||
flex: 0 0 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1151px) and (max-width: 1300px) {
|
||||
.col-lg-3 {
|
||||
flex: 0 0 40%;
|
||||
max-width: 40%;
|
||||
}
|
||||
|
||||
.col-lg-9 {
|
||||
flex: 0 0 60%;
|
||||
max-width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1301px) and (max-width: 1700px) {
|
||||
.col-lg-3 {
|
||||
flex: 0 0 35%;
|
||||
max-width: 35%;
|
||||
}
|
||||
|
||||
.col-lg-9 {
|
||||
flex: 0 0 65%;
|
||||
max-width: 65%;
|
||||
}
|
||||
}
|
||||
|
||||
.login-page {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.login-main {
|
||||
position: relative;
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
flex-direction: row;
|
||||
align-items: stretch;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.login-main .login-page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.login-main .card {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.login-main .auth-brand {
|
||||
margin: 4rem 0 4rem;
|
||||
font-size: 26px;
|
||||
width: 325px;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.login-main .auth-brand {
|
||||
width: 90%;
|
||||
margin-left: 24px
|
||||
}
|
||||
}
|
||||
|
||||
.login-main .login-logo {
|
||||
font-size: 2.1rem;
|
||||
font-weight: 300;
|
||||
margin-bottom: 0.9rem;
|
||||
text-align: left;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.login-main .login-box-msg {
|
||||
margin: 0;
|
||||
padding: 0 0 20px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.login-main .btn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.login-page-right {
|
||||
padding: 6rem 3rem;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
color: #fff;
|
||||
text-align: center !important;
|
||||
background: rgba(0, 0, 0, 0.3) url(/images/background.jpg) center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.login-description {
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
padding: 0 1.75rem;
|
||||
bottom: 3rem;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.content-front {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100vh;
|
||||
background: rgba(0, 0, 0, .1);
|
||||
margin-top: -6rem;
|
||||
}
|
||||
|
||||
body.dark-mode .content-front {
|
||||
background: rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
body.dark-mode .auth-brand {
|
||||
color: #cacbd6
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="row login-main">
|
||||
<div class="col-lg-3 col-12 bg-white">
|
||||
<div class="login-page">
|
||||
<div class="auth-brand text-lg-left">
|
||||
{!! config('admin.logo') !!}
|
||||
</div>
|
||||
|
||||
<div class="login-box">
|
||||
<div class="login-logo mb-2">
|
||||
<h4 class="mt-0">{{ config('admin.name') }}</h4>
|
||||
<p class="login-box-msg mt-1 mb-1">欢迎回来，请登录您的账号。</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body login-card-body">
|
||||
|
||||
<form id="login-form" method="POST" action="{{ admin_url('auth/login') }}">
|
||||
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}"/>
|
||||
|
||||
<fieldset class="form-label-group form-group position-relative has-icon-left">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control {{ $errors->has('username') ? 'is-invalid' : '' }}"
|
||||
name="username"
|
||||
placeholder="用户名"
|
||||
required
|
||||
autofocus
|
||||
>
|
||||
|
||||
<div class="form-control-position">
|
||||
<i class="feather icon-mail"></i>
|
||||
</div>
|
||||
|
||||
<label for="username">用户名</label>
|
||||
|
||||
<div class="help-block with-errors"></div>
|
||||
@if($errors->has('username'))
|
||||
<span class="invalid-feedback text-danger" role="alert">
|
||||
@foreach($errors->get('username') as $message)
|
||||
<span class="control-label" for="inputError"><i
|
||||
class="feather icon-x-circle"></i> {{$message}}</span><br>
|
||||
@endforeach
|
||||
</span>
|
||||
@endif
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="form-label-group form-group position-relative has-icon-left">
|
||||
<input
|
||||
minlength="5"
|
||||
maxlength="20"
|
||||
id="password"
|
||||
type="password"
|
||||
class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}"
|
||||
name="password"
|
||||
placeholder="{{ trans('admin.password') }}"
|
||||
required
|
||||
autocomplete="current-password"
|
||||
>
|
||||
|
||||
<div class="form-control-position">
|
||||
<i class="feather icon-lock"></i>
|
||||
</div>
|
||||
<label for="password">{{ trans('admin.password') }}</label>
|
||||
|
||||
<div class="help-block with-errors"></div>
|
||||
@if($errors->has('password'))
|
||||
<span class="invalid-feedback text-danger" role="alert">
|
||||
@foreach($errors->get('password') as $message)
|
||||
<span class="control-label" for="inputError"><i
|
||||
class="feather icon-x-circle"></i> {{$message}}</span><br>
|
||||
@endforeach
|
||||
</span>
|
||||
@endif
|
||||
|
||||
</fieldset>
|
||||
<div class="form-group d-flex justify-content-between align-items-center">
|
||||
<div class="text-left">
|
||||
<fieldset class="checkbox">
|
||||
<div class="vs-checkbox-con vs-checkbox-primary">
|
||||
<input id="remember" name="remember" value="1"
|
||||
type="checkbox" {{ old('remember') ? 'checked' : '' }}>
|
||||
<span class="vs-checkbox">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
<span> {{ trans('admin.remember_me') }}</span>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary float-right login-btn">
|
||||
|
||||
{{ __('admin.login') }}
|
||||
|
||||
<i class="feather icon-arrow-right"></i>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-9 col-12 login-page-right">
|
||||
<div class="content-front"></div>
|
||||
<div class="login-description">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
Dcat.ready(function () {
|
||||
// ajax表单提交
|
||||
$('#login-form').form({
|
||||
validate: true,
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Loading…
Reference in New Issue