登录页验证码

develop
就眠仪式 2020-08-15 12:45:41 +08:00
parent 281d66aa15
commit 0fa63afc7e
7 changed files with 58 additions and 39 deletions

View File

@ -1,39 +1,39 @@
.layui-form {
width: 330px!important;
margin: auto!important;
margin-top: 160px!important;
width: 320px !important;
margin: auto !important;
margin-top: 160px !important;
}
.layui-form button {
width: 100%!important;
height: 44px!important;
line-height: 44px!important;
font-size: 16px!important;
background-color: #5FB878!important;
font-weight: 550!important;
width: 100% !important;
height: 44px !important;
line-height: 44px !important;
font-size: 16px !important;
background-color: #5FB878 !important;
font-weight: 550 !important;
}
.layui-form-checked[lay-skin=primary] i {
border-color: #5FB878 !important;
background-color: #5FB878!important;
color: #fff!important;
background-color: #5FB878 !important;
color: #fff !important;
}
.layui-tab-content {
margin-top: 15px!important;
padding-left: 0px!important;
padding-right: 0px!important;
margin-top: 15px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.layui-form-item {
margin-top: 20px!important;
margin-top: 20px !important;
}
.layui-input {
height: 44px!important;
line-height: 44px!important;
padding-left: 15px!important;
border-radius: 3px!important;
height: 44px !important;
line-height: 44px !important;
padding-left: 15px !important;
border-radius: 3px !important;
}
.layui-input:focus {
@ -41,33 +41,43 @@
}
.logo {
width: 60px!important;
margin-top: 10px!important;
margin-bottom: 10px!important;
margin-left: 20px!important;
width: 60px !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
margin-left: 20px !important;
}
.title {
font-size: 30px!important;
font-weight: 550!important;
margin-left: 20px!important;
font-size: 30px !important;
font-weight: 550 !important;
margin-left: 20px !important;
color: #5FB878 !important;
display: inline-block!important;
height: 60px!important;
line-height: 60px!important;
margin-top: 10px!important;
position: absolute!important;
display: inline-block !important;
height: 60px !important;
line-height: 60px !important;
margin-top: 10px !important;
position: absolute !important;
}
.desc {
width: 100%!important;
text-align: center!important;
color: gray!important;
height: 60px!important;
line-height: 60px!important;
width: 100% !important;
text-align: center !important;
color: gray !important;
height: 60px !important;
line-height: 60px !important;
}
body {
background-color: whitesmoke;
height: 100%;
}
.code {
margin-right: 13px;
border: #e6e6e6 1px solid;
}
.codeImage {
height: 42px;
border: #e6e6e6 1px solid;
}

View File

@ -23,7 +23,7 @@
"title": "百度一下",
"icon": "layui-icon layui-icon-console",
"type": 1,
"openType": "_blank",
"openType": "_iframe",
"href": "http://www.baidu.com"
}]
},

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 91 KiB

BIN
admin/images/captcha.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -820,3 +820,8 @@ div[xm-select-search-type="1"] .xm-select .xm-select-input {
.icon-expand:before {
content: "\e641";
}
.xm-select-parent .xm-form-select dl{
position: relative;
top: 5px!important;
}

View File

@ -209,9 +209,9 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
if ($("iframe").contents().find("#customTheme").length > 0) {
$("iframe").contents().find("#customTheme").remove();
}
var theme = "<style>";
/* var theme = "<style>";
theme += '</style>';
$("iframe").contents().find("head").append(theme);
$("iframe").contents().find("head").append(theme); */
$("#pearadmin-bg-color").html(style);
}
};

View File

@ -22,6 +22,10 @@
<div class="layui-form-item">
<input placeholder="密 码 : admin " hover class="layui-input" />
</div>
<div class="layui-form-item">
<input placeholder="验证码 : " hover class="code layui-input layui-input-inline" />
<img src="admin/images/captcha.gif" class="codeImage" />
</div>
<div class="layui-form-item">
<input type="checkbox" name="" title="记住密码" lay-skin="primary" checked>
</div>