解决25584多选不好按 25517 切换弹窗时自动滚动到顶部 25472 登录三栏显示不清晰

This commit is contained in:
luolei 2014-09-01 22:03:58 +08:00
parent 576e633b95
commit 24afc98233
6 changed files with 45 additions and 33 deletions

View File

@ -3703,6 +3703,7 @@ var Public = {
$('.fixed_box').removeClass('fixed_box_show');
$('#' + id).addClass('fixed_box_show');
$('#wrap').hide();
window.scrollTo(0,0); //切换页面后,默认执行一次返回顶部
},
hideInnerPage: function() {
$('.fixed_box').removeClass('fixed_box_show');

View File

@ -96,18 +96,22 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.h_l{left:15px;}
.h_r{right:15px;}
.h_t{font-size:1.0625rem;}
.logo{ display:block;width:121px; height:25px; overflow:hidden; background:url(../images/logo.png) no-repeat; background-size:cover; margin:10px 0 0;}
.h_l a{padding-right:1.2rem;text-align: left;}
.h_r a{padding-left:1.2rem;text-align: right;}
.h_l a.logo{ display:block;width:121px; height:25px; overflow:hidden; background:url(../images/logo.png) no-repeat; background-size:cover; margin:10px 0 0;padding:0;}
.h_r_text{ padding:5px 0; text-align:right; line-height:16px;}
.header .icon_back{margin-left:-15px;}
.header a{color:#FFF; font-size:0.875rem;}
.header a{color:#FFF; font-size:0.875rem;display: block;width: 3rem;}
.box_insert{background:#FFF; border-bottom:#ddd solid 1px;padding:0 15px;}
#loginForm .text_warning{display: inline-block;height: 20px;padding: 5px 10px;margin-right: -10px}
#loginForm .form_btns{margin: 10px 0}
.form_btns{ margin:15px 0;}
.form_line{padding:5px 0;min-height:40px; line-height:40px;border-bottom:#ddd solid 1px;}
.form_border{border-bottom:#ddd solid 1px; padding:5px 0;}
.form_btns label,
.form_line label{display:inline-block;}
.form_line label{display:inline-block;text-align: center;}
.form_line.text_center label{margin:0 18px;}
.form_label{display:inline-block; width:86px; float:left;}
.ipt_wrap{overflow:hidden;}
@ -137,8 +141,9 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.end_station{ float:left; width:50%; overflow:hidden; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
.start_station{border-right:1px solid #DDD; padding-right:10px;}
.end_station{padding-left:10px;}
.station_city{padding:30px 0; font-size:1.875rem; color:#fa8c13;}
.station .icon_change{position:absolute; left:50%; top:50%; margin-top:10px; -webkit-transform:translate3d(-50%,-50%,0);}
#exchange{position: absolute;left: 50%; width: 22px; height: 22px; padding: 20px; top: 50%; margin-left: -33px; margin-top: -24px; display: block;} .station_city{padding:30px 0; font-size:1.875rem; color:#fa8c13;}
.station .icon_change{}
.check_date{ height:65px; overflow:hidden;}
.start_date{display:block; overflow:hidden; text-align:center; line-height:26px; padding:5px 0; font-size:1.0625rem;}
@ -208,7 +213,8 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.form_title{font-size:0.75rem; line-height:2.5em; padding:0 1.375em; background:#f4f4f4; border-bottom:#ddd solid 1px; }
.box_insert .form_title{ background:#FFF;}
.query_box{padding:8px 15px;}
.query_checkbox{ display:inline-block; width:33.333333%; margin:7px 0; white-space:nowrap;}
.query_checkbox{ display:inline-block; width:33.333333%;height: 24px; padding:7px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.query_checkbox input[type=checkbox]{margin: 0px 6px 0 0}
.query_checkbox2{width:66.666666%;}
.query_bigcheck{width:18.27586206896552%; -webkit-box-sizing:border-box; display:inline-block; height:50px; overflow:hidden; position:relative; margin:8px 1.724137931034483% 8px 0; vertical-align:top;}
.query_bigcheck input{ display:block; left:0; right:0; width:100%; height:100%; margin:0;-webkit-box-sizing:border-box; position:absolute; border:0; border-radius:3px;}

View File

@ -321,6 +321,7 @@ var Public = {
$('.fixed_box').removeClass('fixed_box_show');
$('#' + id).addClass('fixed_box_show');
$('#wrap').hide();
window.scrollTo(0,0); //切换页面后,默认执行一次返回顶部
},
hideInnerPage: function() {
$('.fixed_box').removeClass('fixed_box_show');

View File

@ -25,21 +25,21 @@
<div class="form">
<form id="loginForm" data-switch="#rempwd">
<div class="form_line">
<label class="form_label">12306账号</label>
<label class="form_label">12306账号:</label>
<div class="ipt_wrap"><input class="ipt" type="text" name="username" id="username" placeholder="用户名/邮箱" ></div>
</div>
<div class="form_line">
<label class="form_label">密码</label>
<label class="form_label">密码:</label>
<div class="ipt_wrap"><input class="ipt" type="password" name="password" id="password" placeholder="密码" ></div>
</div>
<div class="form_line">
<label class="form_label">验证码</label>
<label class="form_label">验证码:</label>
<span class="form_cardimg"><img data-type="sjrand" id="randcodeimg" data-loading="images/loading.gif" src="images/loading.gif" alt="点击刷新验证码"></span>
<div class="ipt_wrap"><input class="ipt" type="text" id="randcode" name="randcode" placeholder="验证码" data-nostore="1" maxlength="4"></div>
</div>
<div class="form_btns"><button type="submit" id="btnLogin" class="btn btn_success btn_block btn_lg">登录</button></div>
<div class="form_btns clearfix">
<span class="pull_right"><a href="#" class="text_warning">注册12306</a></span>
<span class="pull_right"><a href="http://12306.cn" class="text_warning">注册12306</a></span>
<!--<label><input type="checkbox" value="1" id="autosubmit" checked="checked" name="autosubmit">输入验证码后自动登录</label>-->
</div>
</form>
@ -56,13 +56,13 @@
<!--<script src="js/fastclick.js"></script>
<script src="js/zepto.js"></script>
<script src="js/client.js"></script>
<script src="js/public.js"></script>
<script src="js/util.js"></script>
<script src="js/12306.js"></script>
<script src="js/LunarCalendar.js"></script>
<script src="js/date.js"></script>
<script src="js/check_station.js"></script>
<script src="js/login.js"></script>
<script src="js/public.js"></script>
<script src="js/util.js"></script>
<script src="js/12306.js"></script>
<script src="js/LunarCalendar.js"></script>
<script src="js/date.js"></script>
<script src="js/check_station.js"></script>
<script src="js/login.js"></script>
<script src="js/query.js"></script>
<script src="js/run_query.js"></script>
<script src="js/prdersubmit.js"></script>

View File

@ -33,7 +33,9 @@
<input type="hidden" value="" name="endname" id="endStationName">
<input type="hidden" value="" name="endcode" id="endStationCode">
</div>
<a href="javascript:;" class="icon_change" id="exchange"></a></div>
<span id="exchange">
<a href="javascript:;" class="icon_change"></a></div>
</span>
<div class="form_line text_center"><a href="javascript:;" class="check_left pull_left" id="check_left"><i class="icon_left"></i></a><a href="javascript:;" class="check_right pull_right" id="check_right"><i class="icon_right"></i></a><span class="start_date" id="start_date"></span><input type="hidden" name="start_date" id="start_date_val" value=""></div>
<div class="form_line text_center" style="display:none;" id="ticket_type">
<label><input type="radio" value="1" checked="checked" name="type">普通票</label>
@ -111,13 +113,13 @@
<!--<script src="js/fastclick.js"></script>
<script src="js/zepto.js"></script>
<script src="js/client.js"></script>
<script src="js/public.js"></script>
<script src="js/util.js"></script>
<script src="js/12306.js"></script>
<script src="js/LunarCalendar.js"></script>
<script src="js/date.js"></script>
<script src="js/check_station.js"></script>
<script src="js/login.js"></script>
<script src="js/public.js"></script>
<script src="js/util.js"></script>
<script src="js/12306.js"></script>
<script src="js/LunarCalendar.js"></script>
<script src="js/date.js"></script>
<script src="js/check_station.js"></script>
<script src="js/login.js"></script>
<script src="js/query.js"></script>
<script src="js/run_query.js"></script>
<script src="js/prdersubmit.js"></script>

View File

@ -35,7 +35,9 @@
<input type="hidden" value="" name="endname" id="endStationName">
<input type="hidden" value="" name="endcode" id="endStationCode">
</div>
<a href="javascript:;" class="icon_change" id="exchange"></a></div>
<span id="exchange">
<a href="javascript:;" class="icon_change"></a></div>
</span>
<div class="form_line text_center"><a href="javascript:;" class="check_left pull_left" id="check_left"><i class="icon_left"></i></a><a href="javascript:;" class="check_right pull_right" id="check_right"><i class="icon_right"></i></a><span class="start_date" id="start_date"></span><input type="hidden" name="start_date" id="start_date_val" value=""></div>
<div>选择类型</div>
<div class="box_insert query_box checks"><label class="query_checkbox"><input name="train_type" type="checkbox" disabled value="all">全选 </label><label class="query_checkbox query_checkbox2"><input name="train_type" type="checkbox" disabled value="3">普通列车(K/T/Z/其它)</label><label class="query_checkbox"><input name="train_type" type="checkbox" disabled value="1">G-高铁</label><label class="query_checkbox query_checkbox2"><input name="train_type" type="checkbox" disabled value="2">DC-动车/城铁</label></div>
@ -64,13 +66,13 @@
<!--<script src="js/fastclick.js"></script>
<script src="js/zepto.js"></script>
<script src="js/client.js"></script>
<script src="js/public.js"></script>
<script src="js/util.js"></script>
<script src="js/12306.js"></script>
<script src="js/LunarCalendar.js"></script>
<script src="js/date.js"></script>
<script src="js/check_station.js"></script>
<script src="js/login.js"></script>
<script src="js/public.js"></script>
<script src="js/util.js"></script>
<script src="js/12306.js"></script>
<script src="js/LunarCalendar.js"></script>
<script src="js/date.js"></script>
<script src="js/check_station.js"></script>
<script src="js/login.js"></script>
<script src="js/query.js"></script>
<script src="js/run_query.js"></script>
<script src="js/prdersubmit.js"></script>