iFish/Light12306
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

25523 车站查询页面推荐城市中最后一行没有下划线25513 “预售提醒”页面中车站互换按钮可点区域太小

Browse Source
This commit is contained in:
luolei 2014-09-02 12:11:32 +08:00
parent 28ea169cb9
commit 223c57b7fc
2 changed files with 31 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
Mobile12306New/css/css.css
View File

@ -28,8 +28,7 @@ input[type=checkbox],
.his_list a:after,
.icon_user,
.icon_clock,
.icon_user2,
.icon_remove_b,
icon_user2,
.search_ipt{background-image: url(../images/icons.png); background-repeat:no-repeat; background-size:24px auto;}
input[type=checkbox]{-webkit-appearance:none; border:#b2b2b2 solid 2px; width:24px; height:24px; overflow:hidden; vertical-align:middle; border-radius:3px; margin:-3px 6px 0 0; background-color: transparent; background-position:1000px 1000px; position:relative;}
@ -86,8 +85,6 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.icon_clock{display:inline-block; width:14px; height:14px; overflow:hidden; background-position:0 -600px; vertical-align:middle;}
.icon_remove_b{ display:inline-block; width:16px; height:16px; overflow:hidden; background-position:0 -500px; vertical-align:middle;}
.icon_remove{display:block; width:13px; height:13px; display:inline-block; position:relative;}
.icon_remove:before,
.icon_remove:after{ content:''; position:absolute; width:17px; height:1px; left:50%; margin:-1px 0 0 -9px; background:#787878; top:50%;}
@ -105,9 +102,12 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.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;display: block;width: 3rem;}
.header a:active{color: #e3e3e3}
.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;}
@ -123,6 +123,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.form_cardimg img{max-width:100%;}
.btn{ height:40px; padding:0 1em;-webkit-box-sizing: border-box; line-height:40px; background:#ffbb51; border:0; margin:0; display:inline-block; border-radius:3px; font-size:1.1875rem; color:#FFF; text-align:center; position:relative; overflow:hidden;}
.btn:active{background: #fa7a13;box-shadow: 0 1px 0px #fa6f13}
.btn_block{display:block; width:100%; }
.btn_lg{height:45px; line-height:45px;}
.btn_m{height:30px; line-height:30px; font-size:0.75rem;}
@ -217,6 +218,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.box_insert .form_title{ background:#FFF;}
.query_box{padding:8px 15px;}
.query_checkbox{ display:inline-block; width:33.333333%;height: 24px; padding:7px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.query_checkbox:active{color:#666;}
.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;}
@ -265,17 +267,20 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.search_input{width:100%; border:0; font-size:0.9375rem; height:29px; padding:5px 0; line-height:20px;-webkit-appearance: none;-webkit-appearance:none; vertical-align:top; background:none; color:#FFF;}
.search_input::-webkit-input-placeholder {color:#fa8c13;}
.station_list{ overflow: hidden;}
.station_list{}
.station_list:after{ content: ''; display: block; overflow: hidden; visibility: hidden; clear: both}
.station_list li{float:left; display:inline; width:33.333333%; font-size:1.0625rem; position:relative; border-bottom:#cacaca solid 1px; margin-bottom:-1px;}
.station_list li{float:left; display:inline; width:33.333333%; font-size:1.0625rem; position:relative; border-bottom:#cacaca solid 1px;}
/*.station_list li:nth-last-child(1),
.station_list li:nth-last-child(2),
.station_list li:nth-last-child(3){border-bottom:0;}*/
.box_insert .station_list li:nth-last-child(1),
.box_insert .station_list li:nth-last-child(2),
.box_insert .station_list li:nth-last-child(3){border-bottom:0;}
.station_list li:after{content:''; display:block; right:0; top:50%; -webkit-transform:translate3d(0,-50%,0); border-right: #cacaca solid 1px; height:.9em; position:absolute;}
.station_list li:nth-child(3n):after{ display:none;}
.station_list li a{display: block; line-height:2.617647058823529em; text-align:center; color:#787878;}
#search_station .form_title{ text-align:center;}
.title_right{float:right; padding:0 10px;}
#search_station .form_title{ text-align:center;font-size: 1rem}
.suggest{position:absolute; left:0; top:45px; right:0; padding:0 15px; background:#FFF; display:none;}
.suggest ul li{border-bottom:#ddd solid 1px;}
@ -432,6 +437,10 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
/*.passed_list li.passed_end:after{width:12px; height:12px; border:#fa8c13 solid 1px; background:#fa8c13; box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF,inset 1px -1px 0 #FFF,inset -1px 1px 0 #FFF; border-radius:50%; left:0; top:50%; margin:-7px 0 0 -22px;}*/
.passed_list li.passed_end:after{width:11px; height:11px; border:#FFF solid 1px; background:#fa8c13; box-shadow:0 0 1px #fa8c13; border-radius:50%; left:0; top:50%; margin:-7px 0 0 -22px;}
@media(width:320px) {
.search_input{font-size: .775rem}
}

45
Mobile12306New/js/check_station.js
View File

@ -77,32 +77,22 @@ var CheckStaion = {
CheckStaion.hotList = WIN["favorite_names"].substr(1).split('@');
},
getHisHmtl : function(){
var his = JSON.parse(localStorage.getItem('stationHis')),
sp = [],
html = '';
if(!his || his.length == 0){
return '';
}
html += '<div class="form_title"><a href="javascript:;" class="title_right" data-fn="remove_his"><i class="icon_remove_b"></i></a>最近查找</div>'
html += '<div class="box_insert">';
html += '<ul class="station_list">';
for (var i = 0; i < his.length; i++) {
sp = his[i].split('|');
html += '<li><a href="javascript:;" title="'+sp[1]+'" data-code="'+sp[0]+'">'+sp[1]+'</a></li>';
};
html += '</ul></div>';
return html;
},
setHtml: function() {
var html = '<div class="fixed_box" id="search_station"><header class="header"><div class="search_box"><a href="javascript:;" class="search_cancel" id="station_cancel">取消</a><div class="search_ipt"><input type="search" name="" placeholder="搜索车站" id="station_search" class="search_input" autocomplete="off"><i class="icon_remove_s"></i></div></div></header>';
var html = '<div class="fixed_box" id="search_station"><header class="header"><div class="search_box"><a href="javascript:;" class="search_cancel" id="station_cancel">取消</a><div class="search_ipt"><input type="search" name="" placeholder="搜索北京，可以输入bj、beijing、北京" id="station_search" class="search_input" autocomplete="off"><i class="icon_remove_s"></i></div></div></header>';
var his = JSON.parse(localStorage.getItem('stationHis')),
sp = [];
if(!!his && his.length > 0){
html += '<div class="form_title">最近查找</div>'
html += '<div class="box_insert">';
html += '<ul class="station_list">';
html += '<div id="station_hisbox">';
html += CheckStaion.getHisHmtl();
html += '</div>';
for (var i = 0; i < his.length; i++) {
sp = his[i].split('|');
html += '<li><a href="javascript:;" title="'+sp[1]+'" data-code="'+sp[0]+'">'+sp[1]+'</a></li>';
};
html += '</ul></div>';
}
// <li><a href="javascript:;" title="上海" data-code="SHH">上海</a></li>\
// <li><a href="javascript:;" title="天津" data-code="TJP">天津</a></li>\
if (CheckStaion.hotList.length > 0) {
@ -169,17 +159,10 @@ var CheckStaion = {
localStorage.setItem('stationHis',JSON.stringify(stationHis));
$('#station_hisbox').html(CheckStaion.getHisHmtl());
$('#station_suggest ul').html('');
$('#station_suggest').hide();
$('#station_search').val('');
});
$('[data-fn="remove_his"]').live('click',function(){
$('#station_hisbox').html('');
localStorage.removeItem('stationHis');
});
},
showSuggest: function(list) {
if (!list || list.length == 0) {