You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

82 lines
5.4 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <!--<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">-->
  7. <title>出行预订</title>
  8. <link rel="stylesheet" href="css/main.css" />
  9. <link rel="stylesheet" href="css/ui-base.css" />
  10. <link rel="stylesheet" href="css/ui-box.css" />
  11. <link rel="stylesheet" href="css/ui-color.css" />
  12. <link rel="stylesheet" href="css/wx_css/travel_book.css" />
  13. </head>
  14. <body class="bg_color">
  15. <!--
  16. 作者:yimazsq@163.com
  17. 时间:2016-08-23
  18. 描述:热门城市
  19. -->
  20. <div class="ub search_bc ui_m_l10 ui_m_r10 ui_m_t10 ui_radiu_all">
  21. <img style="position: relative;top: 0.03rem;" class="ub-f1 searchimg" src="images/a1/img_search.png"/>
  22. <!--<div class="commongray_color ub-f4 ui_p_t15 ui_p_b15 ulev1">请输入关键字</div>-->
  23. <input id="key_word" type="text" class="ub-f4 ulev2" placeholder="请输入关键字"/>
  24. <div style="padding-top: 0.13rem;padding-bottom: 0.13rem;" id="btn_cancel" class="ub-f1 font_blue_color text_right ulev1 ui_p_r15">取消</div>
  25. </div>
  26. <!--下拉-->
  27. <div class="select_content xiala ui_m_t10 ui_m_l15 ui_m_r15 bg_color " style="height:4.5rem;overflow:hidden;position: absolute;right: 0;left: 0;bottom: 0;top: 0.5rem;">
  28. <!--<div class="content_xiala ui_p_t10 ui_p_b10 ui_m_l15 ui_m_r15 ui_line_b_d" id="'+id+''+data[i].area_id+'" area_id="'+data[i].area_id+'"></div>-->
  29. </div>
  30. <!--热门城市-->
  31. <div class="ub ub-ver ui_m_t05">
  32. <div style="color: #bebebe;padding-bottom: 0.08rem;" class=" ui_m_l20 ui_m_r20 ui_line_b ui_p_t15 line_color_b ulev1">热门城市</div>
  33. <div class=" ub ui_m_l20 ui_m_r20 ui_m_t10">
  34. <div class="ub-f1 text_middle" style="width: 1%;" onclick="click_select_area(791)" id="791" type="area" area_id="791" area_name="上海"><img src="images/temp/img_sh.png" class="hot_city"/></div>
  35. <div class="ub-f1 text_middle" style="width: 1%;" onclick="click_select_area(850)" id="850" type="area" area_id="850" area_name="苏州"><img src="images/temp/img_sz.png" class="hot_city"/></div>
  36. <div class="ub-f1 text_middle" style="width: 1%;" ></div>
  37. <div class="ub-f1 text_middle" style="width: 1%;" ></div>
  38. </div>
  39. </div>
  40. <!--热门景区-->
  41. <div class="ub ub-ver ">
  42. <div style="color: #bebebe;padding-bottom: 0.08rem;" class=" ui_m_l20 ui_m_r20 ui_p_t05 ulev1">热门景区</div>
  43. <div class=" ub ui_m_l20 ui_m_r20">
  44. <div class="city_info ub-f1" onclick="click_select_area(3225)" id="3225" type="area" area_id="3225" area_name="乌镇">乌镇</div>
  45. <div class="city_info ub-f1 ui_m_l05 ui_m_r05 " onclick="click_select_area(3226)" id="3226" type="area" area_id="3226" area_name="千岛湖">千岛湖</div>
  46. <div class="city_info ub-f1 " onclick="click_select_area(3240)" id="3240" type="area" area_id="3240" area_name="上海迪士尼">上海迪士尼</div>
  47. </div>
  48. <!--<div class=" ub ui_m_l20 ui_m_r20 ui_m_t10 ">
  49. <div class="city_info ub-f1" onclick="click_select_area(809)" id="809" type="area" area_id="809" area_name="江苏省">乌镇</div>
  50. <div class="city_info ub-f1 ui_m_l05 ui_m_r05 " onclick="click_select_area(809)" id="809" type="area" area_id="809" area_name="江苏省">千岛湖</div>
  51. <div class="city_info ub-f1" onclick="click_select_area(809)" id="809" type="area" area_id="809" area_name="江苏省">上海迪士尼</div>
  52. </div>-->
  53. </div>
  54. <!--交通枢纽-->
  55. <div class="ub ub-ver ui_m_t15">
  56. <div style="color: #bebebe;padding-bottom: 0.08rem;" class=" ui_m_l20 ui_m_r20 ui_p_t05 ulev1">交通枢纽</div>
  57. <div class=" ub ui_m_l20 ui_m_r20">
  58. <div class="city_info ub-f1" onclick="click_select_area(6)" id="6" type="res" area_id="6" area_name="黄浦旅游集散站">黄浦旅游集散站</div>
  59. <div class="city_info ub-f1 ui_m_l05 ui_m_r05 " onclick="click_select_area(9091)" id="9091" type="res" area_id="9091" area_name="外滩十六铺">外滩十六铺</div>
  60. <div class="city_info ub-f1" onclick="click_select_area(9221)" id="9221" type="res" area_id="9221" area_name="虹桥火车站">虹桥火车站</div>
  61. </div>
  62. </div>
  63. <!--热门酒店-->
  64. <div class="ub ub-ver ui_m_t15">
  65. <div style="color: #bebebe;padding-bottom: 0.08rem;" class=" ui_m_l20 ui_m_r20 ui_p_t05 ulev1">热门酒店</div>
  66. <div class=" ub ui_m_l20 ui_m_r20">
  67. <div class="city_info ub-f1" onclick="click_select_area(9109)" id="9109" type="res" area_id="9109" area_name="上海外高桥喜来登酒店">外高桥喜来登</div>
  68. <div class="city_info ub-f1 ui_m_l05 ui_m_r05 " onclick="click_select_area(9107)" id="9107" type="res" area_id="9107" area_name="上海万和昊美艺术酒店">上海万和昊美</div>
  69. <div class="city_info ub-f1" onclick="click_select_area(9093)" id="9093" type="res" area_id="9093" area_name="上海斯格威铂尔曼大酒店">上海斯格威铂尔曼</div>
  70. </div>
  71. </div>
  72. <div style="position: absolute;" class="footer_title commongray_color text_middle ui_p_t40">@蜘蛛出行</div>
  73. </body>
  74. <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  75. <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
  76. <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
  77. <script src="js/hot_city_new.js" type="text/javascript" charset="utf-8"></script>
  78. </html>