android登录界面扁平,MUI登入源码 扁平移动端UI界面 处理MUI键盘顶起背景图片

[Asm] 纯文本查看 复制代码

/*隐藏表单上下方横线*/

.mui-input-group:before {

background-color: rgba(255, 255, 255, 0);

}

.mui-input-group:after {

background-color: rgba(255, 255, 255, 0);

}

/*重定义登入按钮*/

.mui-btn-warning,

.mui-btn-yellow {

border: 1px solid #59c4ff;

background-color: #59c4ff;

margin-top: 20px;

padding: 7px 60px;

box-shadow: #9c9c9c 5px 5px 5px;

}

/*修改登入框小图标*/

.mui-icon-clear:before,

.mui-icon-close-filled:before {

content: '\e623';

color: #28D0DD;

font-size: 20px;

}

.mui-icon-eye:before {

content: '\e724';

color: #28D0DD;

font-size: 24px;

}

.mui-content {

background: url(images/-illustration1.png) no-repeat;

height: 100%;

position: absolute;

bottom: 0px;

width: 100%;

background-position-y: bottom;

}

登入

账户手机号

账户密码

忘记密码?

登入

社交用户登入

还有注册账号？马上注册

mui.init();

// 登入按钮事件

mui(document.body).on('tap', '.mui-btn', function(e) {

mui(this).button('loading');

setTimeout(function() {

mui(this).button('reset');

}.bind(this), 2000);

});

// 设置手机状态栏背景色

function plusReady() {

// 设置系统状态栏背景为蓝色

plus.navigator.setStatusBarBackground("#59c4ff");

// 设置系统状态栏样式为浅色文字7

plus.navigator.setStatusBarStyle("UIStatusBarStyleBlackOpaque");

}

if(window.plus) {

plusReady();

} else {

document.addEventListener("plusready", plusReady, false);

}