1
This commit is contained in:
@@ -0,0 +1,98 @@
|
||||
{layout name="layout"}
|
||||
<style>
|
||||
.lyear-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.lyear-login {
|
||||
display: flex !important;
|
||||
min-height: 100vh;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
.lyear-login:after {
|
||||
content: '';
|
||||
min-height: inherit;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.login-center {
|
||||
background: #fff;
|
||||
min-width: 29.25rem;
|
||||
padding: 2.14286em 3.57143em;
|
||||
border-radius: 3px;
|
||||
margin: 2.85714em;
|
||||
}
|
||||
|
||||
.login-header {
|
||||
margin-bottom: 1.5rem !important;
|
||||
}
|
||||
|
||||
.login-center .has-feedback.feedback-left .form-control {
|
||||
padding-left: 38px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.login-center .has-feedback.feedback-left .form-control-feedback {
|
||||
left: 0;
|
||||
right: auto;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
z-index: 4;
|
||||
color: #dcdcdc;
|
||||
}
|
||||
|
||||
.login-center .has-feedback.feedback-left.row .form-control-feedback {
|
||||
left: 15px;
|
||||
}
|
||||
</style>
|
||||
<div class="row lyear-wrapper" style="background-image: url(__IMG__/login-bg/3.jpg); background-size: cover;margin-top: -15px;">
|
||||
<div class="lyear-login">
|
||||
<div class="login-center">
|
||||
<div class="login-header text-center">
|
||||
<a href="javascript:;" style="font-size: 22px;display: flex;align-items: center;justify-content: center;"> <img alt="{$title}" src="{$logo}" width="32" class="m-r-5" />{$title}</a>
|
||||
</div>
|
||||
<form action="{:url('account/login')}" method="post" id="loginform" valid>
|
||||
<div class="form-group has-feedback feedback-left">
|
||||
<span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
|
||||
<input type="text" placeholder="请输入您的用户名" class="form-control" name="username" id="username" data-rule="required" data-msg="请输入您的用户名"/>
|
||||
</div>
|
||||
<!-- <div class="form-group has-feedback feedback-left">
|
||||
<span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
|
||||
<input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" data-rule="required;password" />
|
||||
</div> -->
|
||||
<div class="form-group has-feedback feedback-left">
|
||||
<span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
|
||||
<input type="code" placeholder="请输入OTOP验证码" class="form-control" id="code" name="code" data-rule="required;length(4)" data-msg="请输入OTOP验证码" />
|
||||
</div>
|
||||
{if Config('site.admin_login_captcha')}
|
||||
<div class="form-group has-feedback feedback-left row">
|
||||
<div class="col-xs-7">
|
||||
<span class="mdi mdi-check-all form-control-feedback" aria-hidden="true"></span>
|
||||
<input type="text" name="captcha" class="form-control" placeholder="验证码" data-rule="required;length(4)">
|
||||
</div>
|
||||
<div class="col-xs-5">
|
||||
<img src="{:url('account/captcha/login')}" class="pull-right codeImage" id="captcha"
|
||||
style="cursor: pointer;" onclick="this.src=this.src+'?d='+Math.random();" title="点击刷新"
|
||||
alt="captcha">
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="form-group">
|
||||
<label class="lyear-checkbox checkbox-primary m-t-10">
|
||||
<input type="checkbox" name="keep" value="1"><span>5天内自动登录</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button class="btn btn-block btn-primary" type="submit">立即登录</button>
|
||||
</div>
|
||||
</form>
|
||||
<hr>
|
||||
<footer class="col-sm-12 text-center">
|
||||
<p class="m-b-0">Copyright © {:Date('Y')} <a href="/">{$title}</a>. All right reserved</p>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user