提交 57026ea2 编写于 作者: E eddy8

improve: login css

上级 2aa8461c
此差异已折叠。
.lightcms-user-login {
position: relative;
left: 0;
top: 0;
padding: 110px 0;
min-height: 100%;
box-sizing: border-box;
}
#user-login, .lightcms-user-display-show {
display: block!important;
}
.lightcms-user-login-main {
width: 375px;
margin: 0 auto;
box-sizing: border-box;
}
.lightcms-user-login-header {
text-align: center;
}
.lightcms-user-login-box {
padding: 20px;
}
.lightcms-user-login-icon {
position: absolute;
left: 1px;
top: 1px;
width: 38px;
line-height: 36px;
text-align: center;
color: #d2d2d2;
}
.lightcms-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);
}
.lightcms-user-login-body .layui-form-item {
position: relative;
}
.lightcms-user-login-body .layui-form-item .layui-input {
padding-left: 38px;
}
.lightcms-user-login-codeimg {
max-height: 38px;
width: 100%;
cursor: pointer;
box-sizing: border-box;
}
\ No newline at end of file
/** layuiAdmin.std-v1.2.1 LPPL License By http://www.layui.com/admin/ */
#LAY_app,body,html{height:100%}.layui-layout-body{overflow:auto}#LAY-user-login,.layadmin-user-display-show{display:block!important}.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}.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{max-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}}
\ No newline at end of file
......@@ -8,48 +8,47 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="/public/vendor/layui-v2.4.5/css/layui.css" media="all">
<link rel="stylesheet" href="/public/admin/css/admin.css" media="all">
<link rel="stylesheet" href="/public/admin/css/login.css" media="all">
<link rel="stylesheet" href="/public/admin/css/lightcms-login.css" media="all">
</head>
<body>
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
<div class="lightcms-user-login lightcms-user-display-show" id="user-login" style="display: none;">
<div class="layadmin-user-login-main">
<div class="layadmin-user-login-box layadmin-user-login-header">
<div class="lightcms-user-login-main">
<div class="lightcms-user-login-box lightcms-user-login-header">
<h2>后台登陆</h2>
</div>
<form id="form">
<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
<div class="lightcms-user-login-box lightcms-user-login-body layui-form">
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-username" for="LAY-user-login-username"></label>
<input type="text" name="name" id="LAY-user-login-username" lay-verify="required" placeholder="用户名" class="layui-input">
<label class="lightcms-user-login-icon layui-icon layui-icon-username" for="login-username"></label>
<input type="text" name="name" id="login-username" lay-verify="required" placeholder="用户名" class="layui-input">
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-password" for="LAY-user-login-password"></label>
<input type="password" name="password" id="LAY-user-login-password" lay-verify="required" placeholder="密码" class="layui-input">
<label class="lightcms-user-login-icon layui-icon layui-icon-password" for="login-password"></label>
<input type="password" name="password" id="login-password" lay-verify="required" placeholder="密码" class="layui-input">
</div>
<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" for="LAY-user-login-vercode"></label>
<input type="text" name="captcha" id="LAY-user-login-vercode" lay-verify="required" placeholder="图形验证码" class="layui-input">
<label class="lightcms-user-login-icon layui-icon layui-icon-vercode" for="login-vercode"></label>
<input type="text" name="captcha" id="login-vercode" lay-verify="required" placeholder="图形验证码" class="layui-input">
</div>
<div class="layui-col-xs5">
<div style="margin-left: 10px;">
<img src="{{ captcha_src() }}" class="layadmin-user-login-codeimg" id="LAY-user-get-vercode" title="点击刷新验证码" onclick="$(this).prop('src', $(this).prop('src').split('?')[0] + '?' + Math.random())">
<img src="{{ captcha_src() }}" class="lightcms-user-login-codeimg" id="get-vercode" title="点击刷新验证码" onclick="$(this).prop('src', $(this).prop('src').split('?')[0] + '?' + Math.random())">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-login-submit" type="submit">登 录</button>
<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="login-submit" type="submit">登 录</button>
</div>
</div>
</form>
</div>
<div class="layui-trans layadmin-user-login-footer">
<div class="layui-trans lightcms-user-login-footer">
<p>© 2019 <a href="/" target="_blank">{{ config('app.name') }}</a></p>
</div>
......@@ -82,7 +81,7 @@
},
complete: function (d) {
if (d.responseText.indexOf('"errors"') >= 0) {
$('#LAY-user-get-vercode').click();
$('#get-vercode').click();
}
}
});
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册