diff --git a/Mobile12306New/css/css.css b/Mobile12306New/css/css.css index 58fed82..57f25d1 100644 --- a/Mobile12306New/css/css.css +++ b/Mobile12306New/css/css.css @@ -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} +} + diff --git a/Mobile12306New/js/check_station.js b/Mobile12306New/js/check_station.js index f579055..50cb5d5 100644 --- a/Mobile12306New/js/check_station.js +++ b/Mobile12306New/js/check_station.js @@ -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 += '
最近查找
' - html += '
'; - html += '
'; - return html; - }, setHtml: function() { - var html = '
'; - + var html = '
'; + var his = JSON.parse(localStorage.getItem('stationHis')), + sp = []; + if(!!his && his.length > 0){ + html += '
最近查找
' + html += '
'; + html += '
    '; - html += '
    '; - html += CheckStaion.getHisHmtl(); - html += '
    '; + for (var i = 0; i < his.length; i++) { + sp = his[i].split('|'); + html += '
  • '+sp[1]+'
  • '; + }; + + html += '
'; + } //
  • 上海
  • \ //
  • 天津
  • \ 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) {