登录页验证码
parent
281d66aa15
commit
0fa63afc7e
|
|
@ -1,39 +1,39 @@
|
||||||
.layui-form {
|
.layui-form {
|
||||||
width: 330px!important;
|
width: 320px !important;
|
||||||
margin: auto!important;
|
margin: auto !important;
|
||||||
margin-top: 160px!important;
|
margin-top: 160px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-form button {
|
.layui-form button {
|
||||||
width: 100%!important;
|
width: 100% !important;
|
||||||
height: 44px!important;
|
height: 44px !important;
|
||||||
line-height: 44px!important;
|
line-height: 44px !important;
|
||||||
font-size: 16px!important;
|
font-size: 16px !important;
|
||||||
background-color: #5FB878!important;
|
background-color: #5FB878 !important;
|
||||||
font-weight: 550!important;
|
font-weight: 550 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-form-checked[lay-skin=primary] i {
|
.layui-form-checked[lay-skin=primary] i {
|
||||||
border-color: #5FB878 !important;
|
border-color: #5FB878 !important;
|
||||||
background-color: #5FB878!important;
|
background-color: #5FB878 !important;
|
||||||
color: #fff!important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-tab-content {
|
.layui-tab-content {
|
||||||
margin-top: 15px!important;
|
margin-top: 15px !important;
|
||||||
padding-left: 0px!important;
|
padding-left: 0px !important;
|
||||||
padding-right: 0px!important;
|
padding-right: 0px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-form-item {
|
.layui-form-item {
|
||||||
margin-top: 20px!important;
|
margin-top: 20px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-input {
|
.layui-input {
|
||||||
height: 44px!important;
|
height: 44px !important;
|
||||||
line-height: 44px!important;
|
line-height: 44px !important;
|
||||||
padding-left: 15px!important;
|
padding-left: 15px !important;
|
||||||
border-radius: 3px!important;
|
border-radius: 3px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-input:focus {
|
.layui-input:focus {
|
||||||
|
|
@ -41,33 +41,43 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width: 60px!important;
|
width: 60px !important;
|
||||||
margin-top: 10px!important;
|
margin-top: 10px !important;
|
||||||
margin-bottom: 10px!important;
|
margin-bottom: 10px !important;
|
||||||
margin-left: 20px!important;
|
margin-left: 20px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: 30px!important;
|
font-size: 30px !important;
|
||||||
font-weight: 550!important;
|
font-weight: 550 !important;
|
||||||
margin-left: 20px!important;
|
margin-left: 20px !important;
|
||||||
color: #5FB878 !important;
|
color: #5FB878 !important;
|
||||||
display: inline-block!important;
|
display: inline-block !important;
|
||||||
height: 60px!important;
|
height: 60px !important;
|
||||||
line-height: 60px!important;
|
line-height: 60px !important;
|
||||||
margin-top: 10px!important;
|
margin-top: 10px !important;
|
||||||
position: absolute!important;
|
position: absolute !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
width: 100%!important;
|
width: 100% !important;
|
||||||
text-align: center!important;
|
text-align: center !important;
|
||||||
color: gray!important;
|
color: gray !important;
|
||||||
height: 60px!important;
|
height: 60px !important;
|
||||||
line-height: 60px!important;
|
line-height: 60px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: whitesmoke;
|
background-color: whitesmoke;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.code {
|
||||||
|
margin-right: 13px;
|
||||||
|
border: #e6e6e6 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.codeImage {
|
||||||
|
height: 42px;
|
||||||
|
border: #e6e6e6 1px solid;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
"title": "百度一下",
|
"title": "百度一下",
|
||||||
"icon": "layui-icon layui-icon-console",
|
"icon": "layui-icon layui-icon-console",
|
||||||
"type": 1,
|
"type": 1,
|
||||||
"openType": "_blank",
|
"openType": "_iframe",
|
||||||
"href": "http://www.baidu.com"
|
"href": "http://www.baidu.com"
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 7.2 KiB After Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
|
|
@ -820,3 +820,8 @@ div[xm-select-search-type="1"] .xm-select .xm-select-input {
|
||||||
.icon-expand:before {
|
.icon-expand:before {
|
||||||
content: "\e641";
|
content: "\e641";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.xm-select-parent .xm-form-select dl{
|
||||||
|
position: relative;
|
||||||
|
top: 5px!important;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -209,9 +209,9 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
|
||||||
if ($("iframe").contents().find("#customTheme").length > 0) {
|
if ($("iframe").contents().find("#customTheme").length > 0) {
|
||||||
$("iframe").contents().find("#customTheme").remove();
|
$("iframe").contents().find("#customTheme").remove();
|
||||||
}
|
}
|
||||||
var theme = "<style>";
|
/* var theme = "<style>";
|
||||||
theme += '</style>';
|
theme += '</style>';
|
||||||
$("iframe").contents().find("head").append(theme);
|
$("iframe").contents().find("head").append(theme); */
|
||||||
$("#pearadmin-bg-color").html(style);
|
$("#pearadmin-bg-color").html(style);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -22,6 +22,10 @@
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<input placeholder="密 码 : admin " hover class="layui-input" />
|
<input placeholder="密 码 : admin " hover class="layui-input" />
|
||||||
</div>
|
</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">
|
<div class="layui-form-item">
|
||||||
<input type="checkbox" name="" title="记住密码" lay-skin="primary" checked>
|
<input type="checkbox" name="" title="记住密码" lay-skin="primary" checked>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue