point_mall_card/application/admin/view/login/index.html

{extend name="public:base" /}
{block name="style"}
<style type="text/css">
#LAY_app,body,html {height:100%}
body{background-image: url('__IMAGES__/login_bg.jpg');background-size: 100% 100%;}
.layadmin-user-login {position:relative;left:0;top:0;padding:110px 0;min-height:100%;box-sizing:border-box}
.layadmin-user-login-main {width:375px;margin:0 auto;box-sizing:border-box;    background-color: #fff;   opacity: 0.9;}
.layadmin-user-login-box {padding:20px}
.layadmin-user-login-header {text-align:center}
.layadmin-user-login-header h2 {margin-bottom:10px;font-weight:300; font-size:30px;color:#000}
.layadmin-user-login-header p {font-weight:300;color:#999}
.layadmin-user-login-body .layui-form-item {position:relative}
.layadmin-user-login-icon {position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center;color:#d2d2d2}
.layadmin-user-login-body .layui-form-item .layui-input {padding-left:38px}
.layadmin-user-login-codeimg {height:38px;width:100%;cursor:pointer;box-sizing:border-box}
.layadmin-user-login-other {position:relative;font-size:0;line-height:38px;padding-top:20px}
.layadmin-user-login-other>* {display:inline-block;vertical-align:middle;margin-right:10px;font-size:14px}
.layadmin-user-login-other .layui-icon {position:relative;top:2px;font-size:26px}
.layadmin-user-login-other a:hover {opacity:.8}
.layadmin-user-jump-change {float:right}
.layadmin-user-login-footer {position:absolute;left:0;bottom:0;width:100%;line-height:30px;padding:20px;text-align:center;box-sizing:border-box;color:rgba(0,0,0,.5)}
.layadmin-user-login-footer span {padding:0 5px}
.layadmin-user-login-footer a {padding:0 5px;color:rgba(0,0,0,.5)}
.layadmin-user-login-footer a:hover {color:rgba(0,0,0,1)}
.layadmin-user-login-main[bgimg] {background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.05)}
.ladmin-user-login-theme {position:fixed;bottom:0;left:0;width:100%;text-align:center}
.ladmin-user-login-theme ul {display:inline-block;padding:5px;background-color:#fff}
.ladmin-user-login-theme ul li {display:inline-block;vertical-align:top;width:64px;height:43px;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;background-color:#f2f2f2}
.ladmin-user-login-theme ul li:hover {opacity:.9}
@media screen and (max-width:768px) {
	.layadmin-user-login {padding-top:60px}
	.layadmin-user-login-main {width:300px}
	.layadmin-user-login-box {padding:10px}
}

</style>
{/block}
{block name="body"}
<div class="layadmin-user-login" id="LAY-user-login">

	<div class="layadmin-user-login-main">
		<div class="layadmin-user-login-box layadmin-user-login-header">
			<h2>{$site.sname}</h2>
			<p>管理中心</p>
		</div>
		<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
			<form class="layui-form">
				<div class="layui-form-item">
					<label class="layadmin-user-login-icon layui-icon layui-icon-username"></label>
					<input name="username" lay-verify="required" placeholder="用户名" class="layui-input" type="text">
				</div>
				<div class="layui-form-item">
					<label class="layadmin-user-login-icon layui-icon layui-icon-password"></label>
					<input name="password" lay-verify="required" placeholder="密码" class="layui-input" type="password">
				</div>
				{if condition="config('captcha.on')"}
				<div class="layui-form-item">
					<div class="layui-row">
						<div class="layui-col-xs7">
							<label class="layadmin-user-login-icon layui-icon layui-icon-vercode"></label>
							<input name="vercode" lay-verify="required" placeholder="图形验证码" class="layui-input" type="text">
						</div>
						<div class="layui-col-xs5">
							<div style="margin-left: 10px;">
								<img src="{:captcha_src()}" class="layadmin-user-login-codeimg" id="LAY-get-vercode">
							</div>
						</div>
					</div>
				</div>
				{/if}
				<div class="layui-form-item">
					<a href="{:url('login/forget')}">忘记密码</a>
				</div>
				<div class="layui-form-item">
					<a class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="LAY-login-submit">登 录</a>
				</div>
			</form>
		</div>
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
	layui.config({
    base: '__JS__/' //静态资源所在路径
    ,version: true
}).extend({
    index: 'lib/index' //主入口模块
}).use(['index', 'login']);
</script>
{/block}