html,body{
width: 100%;
height: 100%;
}
body{
background:url(images/temp/login.jpg) no-repeat;
background-size:cover;
}
.logo{
margin:0 auto;
padding:6% 8%;
text-align: center;
}
.logo img{
width: 50%;
}
.weui-agree .weui-agree__text{
color:#fff;
}
.weui-agree{
width: 50%;
font-size: 14px;
}
.weui-btn_yellow {
background-color: #ffbd30;
}
.weui-btn_yellow:not(.weui-btn_disabled):visited {
color: #FFFFFF;
}
.weui-btn_yellow:not(.weui-btn_disabled):active {
color: #fff;
background-color: #f3b125;
}
.wj-mm{
text-align: right;
line-height: 33px;
padding-right: 10px;
padding-top: 3px;
font-size: 14px;
}
.wj-mm a{
color:#ffbd30;
}
.loginPage{
padding:10px;
}
.input-container{
display: -webkit-box;
border-radius: 5px;
background:#7b9ec8;
margin-bottom:15px;
height: 43px;
position: relative;
}
.input-container label{
display: block;
padding:0 5px;
}
.input-container label img{
width: 28px;
padding:8px 6px 0;
}
.input-container .flex{
-webkit-box-flex:1;
}
.input-container input{
padding:11px 10px 11px 0;
width: 100%;
-webkit-box-sizing:border-box;
border:none;
background:none;
font-size: 15px;
color:#fff;
}
.input-container input::-webkit-input-placeholder {
color:#fff;
}
.input-container .delete{
position: absolute;
top: 50%;
right: 0;
-webkit-transform:translate(0,-50%);
padding:5px 8px;
display: none;
}
.input-container .delete img{
width: 26px;
padding-top: 5px;
}
.input-container.error{
border:1px solid #ffbd30;
}
.error-txt{
position: fixed;
bottom:20px;
left: 0;
width: 100%;
-webkit-box-sizing:border-box;
text-align: center;
background:;
}
.error-txt span{
display: inline-block;
padding:10px 20px;
background:rgba(0,0,0,.3);
border-radius: 5px;
color:#fff;
}
![](images/temp/icon1.png)
![](images/temp/icon3.png)
![](images/temp/icon2.png)
![](images/temp/icon3.png)
自动登陆
登 录
$('.input-container input').keydown(function(){
$(this).parent().next('.delete').show();
});
$('.input-container input').focus(function(){
var Text = $(this).val();
if(Text != ""){
$(this).parent().next('.delete').show();
}else{
$(this).parent().next('.delete').hide();
}
});
// $('.input-container input').blur(function(){
// $(this).parent().next('.delete').hide();
// });
$('.input-container .delete').on('click',function(){
$(this).prev('.flex').find('input').val('');
$(this).hide();
})
一键复制
编辑
Web IDE
原始数据
按行查看
历史