commie
98 lines
4.1 KiB
HTML
Executable File
98 lines
4.1 KiB
HTML
Executable File
{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> |