随便调整了下手机版登陆页面排列，喜欢的拿去。

该问题已被锁定！

2: 关注

3318: 浏览

登陆样式

大家知道登陆页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;}
}

上次看见官方在招前端，希望新前端给力，现在的页面虽然整体不错，但代码缺乏规范，加油吧！

好问题 1 评论收藏举报

AI智能回复搜索中，请稍后...

1 回答

暂无回答

关于作者

: Ignorant 初级会员
这家伙很懒，还没有设置简介

66: 回答

1: 文章

16: 问题

问题动态

发布时间: 2015-09-05 23:00

更新时间: 2015-09-06 07:29

关注人数: 2 人关注

随便调整了下手机版登陆页面排列，喜欢的拿去。

随便调整了下手机版登陆页面排列，喜欢的拿去。

1 评论

关于作者

问题动态

相关问题