登录页验证码
parent
281d66aa15
commit
0fa63afc7e
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 |
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 {
|
||||
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) {
|
||||
$("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);
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue