大家知道登陆页PC版第三方登陆始终浮动在右边，不知道的人很难发现，而且左右划屏也不符合移动端操作逻辑。
临时随意调整了下，改为上下显示，看图片效果，喜欢拿去，不喜勿扰。
源文件就不提供了，我里面其他CSS有修改过。
修改方法：static/css/default/login.css
查找
@media (max-width:640px)
里面全部替换为：
@media (max-width:640px){
/*登录界面*/
#wrapper{padding: 15px;}
.aw-login-wrap{width: auto;}
.aw-login-box .aw-mod-head, .aw-login-box .aw-mod-body, .aw-login-box .aw-mod-footer{width: auto;}
.aw-login-box .aw-mod-body{padding: 20px;}
.aw-login-box .aw-mod-body #aw-login-user-name, .aw-mod-body #aw-login-user-password{width: 195px;}
.aw-login-box .aw-mod-footer{padding:0 10px !important;}
/*新增20150905*/
.aw-login-box .logo{width:100%; background:url('img/login_logo.png') no-repeat 50%;}
.aw-login-box .mod-body .content h2{text-align:center;}
.aw-login-box .mod-body{padding:20px;}
.aw-login-box .mod-body .content{width:100%; margin-right:0;}
.aw-login-box .mod-body .side-bar{padding:10px 0 0; margin-top:20px; border-top:1px solid #eee; border-left:none; width:100%; height:auto;}
.aw-login-box .mod-body .side-bar .btn{width:100%;}
.aw-login-box .mod-footer{height:auto; line-height:50px; text-align:center; padding:0;}
.aw-login-box .mod-footer span{display:block;}
}
上次看见官方在招前端，希望新前端给力，现在的页面虽然整体不错，但代码缺乏规范，加油吧！
阅读全文
收起全文
