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.
 
 
 
 
 
 

201 lines
8.8 KiB

  1. <!--
  2. 作者:zhangsq
  3. 时间:2016-11-17
  4. 描述:行程列表
  5. -->
  6. <!DOCTYPE html>
  7. <html>
  8. <head>
  9. <meta charset="UTF-8">
  10. <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">
  11. <title>行程列表</title>
  12. <link rel="stylesheet" href="css/main.css" />
  13. <link rel="stylesheet" href="css/ui-base.css" />
  14. <link rel="stylesheet" href="css/ui-box.css" />
  15. <link rel="stylesheet" href="css/ui-color.css" />
  16. <link rel="stylesheet" href="css/wx_css/trip_list.css" />
  17. <style type="text/css">
  18. .top_selected{
  19. color: #1b1a20!important;
  20. border-bottom: 3px solid #1b1a20!important;
  21. }
  22. .top_noselected{
  23. color: #999999;
  24. border-bottom: 3px solid #ffffff;
  25. }
  26. </style>
  27. </head>
  28. <body id="loading_html" style="display: none;" class="back_ground_color">
  29. <!--
  30. 作者:fuhongcheng_fhc@163.com
  31. 时间:2016-08-23
  32. 描述:行程列表
  33. -->
  34. <div style="position: fixed;top: 0;width: 100%;z-index: 9;" class="">
  35. <div class="ub lightgreen_color outer_line_down_color">
  36. <div onclick="cut_head(this,146)" class="ub ub-f1 ub-pc">
  37. <span style="display: inline-block;padding: 0.14rem 0 0.11rem 0" class="ulev2 top_noselected top_selected">进行中</span>
  38. </div>
  39. <div onclick="cut_head(this,147)" class="ub ub-f1 ub-pc">
  40. <span style="display: inline-block;padding: 0.14rem 0 0.11rem 0" class="ulev2 top_noselected">已结束</span>
  41. </div>
  42. </div>
  43. </div>
  44. <div id="trip_list" style="margin-bottom: 0.1rem;margin-top: 0.55rem;" class="ub bg_color ub-ver">
  45. <!--cell 1 start-->
  46. <!--普通车票-->
  47. <!--<div style="min-height: 1.8rem;" class="cell ub">
  48. <div class="ub ub-ver ub-f1 w1">
  49. <div style="margin-left: 0.05rem;text-align: right;width: 0.59rem;" class="trip_tx_f11 ub ub-ac">
  50. <div class="ub-f1 ui_m_r05">
  51. <div style="color: #438c8c;font-size: 0.14rem;">09:45</div>
  52. <div style="color: #2f323e;" class="ulev2">28日</div>
  53. <div style="color: #868787;">10月</div>
  54. </div>
  55. <img class="trip_img_small_wh" src="images/a4/img_a4_o.png"/>
  56. </div>
  57. </div>
  58. <div style="margin-right: 0.1rem;margin-bottom: 0.1rem;border-radius: 0.05rem;" class="ub ub-ver ub-f4 w1">
  59. <div class="ub inner_down_line_color white_bccolor yuanjiao_t">
  60. <div class="ub-f1 ui_p_t10 ui_p_b10 ui_p_l15 ui_p_r15 fontmiddle_color">全程用时:2时10分</div>
  61. </div>
  62. <div class="ub ub-ver yuanjiao_b white_bccolor ui_m_b05">
  63. <li class="ub disney_bus ui_p_a15">
  64. <img style="height: 0.4rem;margin-top: 0.05rem;" class="ui_p_r05 ui_p_l05" src="images/img_points@2x.png"/>
  65. <div class="ub ub-f1 ub-ver">
  66. <div class="lightblack_color ulev1"><span class="ulev2 ui_m_r05">上海</span><span style="font-size: 0.13rem;">皇甫旅游集散站</span></div>
  67. <div style="margin-top: 0.13rem;" class="lightblack_color ulev1"><span class="ulev2 ui_m_r05">乌镇</span><span style="font-size: 0.13rem;">西栅1号停车场</span></div>
  68. </div>
  69. </li>
  70. </div>
  71. <div class="ub">
  72. <div style="border-radius: 0.05rem;margin-right: 0.03rem;" class="ub ub-f1 bg_color tx-c trip_qrcode_p white_bccolor ui_p_a10 white_bccolor ub-pc ub-ac">
  73. <img class="trip_img_location_wh" src="images/ic_erweima.png"/>
  74. <div id="">电子车票</div>
  75. </div>
  76. <div style="border-radius: 0.05rem;margin-left: 0.03rem;" class="ub ub-f1 bg_color tx-c white_bccolor ui_p_a10 white_bccolor ub-pc ub-ac">
  77. <img class="trip_img_wh" src="images/ic_zhaoche.png"/>
  78. <div id="">我要找车</div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>-->
  83. <!--周边游-->
  84. <!--<div style="min-height: 1.8rem;" class="cell ub">
  85. <div class="ub ub-ver ub-f1 w1">
  86. <div style="margin-left: 0.05rem;text-align: right;width: 0.59rem;" class="trip_tx_f11 ub ub-ac">
  87. <div class="ub-f1 ui_m_r05">
  88. <div style="color: #438c8c;font-size: 0.14rem;">09:45</div>
  89. <div style="color: #2f323e;" class="ulev2">28日</div>
  90. <div style="color: #868787;">10月</div>
  91. </div>
  92. <img class="trip_img_small_wh" src="images/a4/img_a4_o.png"/>
  93. </div>
  94. </div>
  95. <div style="margin-right: 0.1rem;margin-bottom: 0.1rem;border-radius: 0.05rem;" class="ub ub-ver ub-f4 w1">
  96. <div class="ub inner_down_line_color white_bccolor yuanjiao_t ui_p_t10 ui_p_b10 ui_p_l15 ui_p_r15">
  97. <img style="width: 0.15rem;margin-right: 0.05rem;" src="images/img_travel.png"/>
  98. <div class="ub-f1 fontmiddle_color">周边游</div>
  99. </div>
  100. <div class="ub ub-ver yuanjiao_b white_bccolor ui_m_b05">
  101. <li class="ub disney_bus ui_p_a15">
  102. <div class="ub ub-f1 ub-ver">
  103. <div class="lightblack_color ulev2">上海迪士尼</div>
  104. <div style="margin-top: 0.05rem;font-size: 0.13rem;" class="fontmiddle_color">静安区延安中路888弄001号静安区延安中路888弄001号</div>
  105. </div>
  106. </li>
  107. </div>
  108. </div>
  109. </div>-->
  110. <!--普通车票-->
  111. <!--<div style="min-height: 1.8rem;" class="cell ub">
  112. <div class="ub ub-ver ub-f1 w1">
  113. <div style="margin-left: 0.05rem;text-align: right;width: 0.59rem;" class="trip_tx_f11 ub ub-ac">
  114. <div class="ub-f1 ui_m_r05">
  115. <div style="color: #438c8c;font-size: 0.14rem;">09:45</div>
  116. <div style="color: #2f323e;" class="ulev2">28日</div>
  117. <div style="color: #868787;">10月</div>
  118. </div>
  119. <img class="trip_img_small_wh" src="images/a4/img_a4_o.png"/>
  120. </div>
  121. </div>
  122. <div style="margin-right: 0.1rem;margin-bottom: 0.1rem;border-radius: 0.05rem;" class="ub ub-ver ub-f4 w1">
  123. <div class="ub inner_down_line_color white_bccolor yuanjiao_t">
  124. <div class="ub-f1 ui_p_t10 ui_p_b10 ui_p_l15 ui_p_r15 fontmiddle_color">全程用时:2时10分</div>
  125. </div>
  126. <div class="ub ub-ver yuanjiao_b white_bccolor ui_m_b05">
  127. <li class="ub disney_bus ui_p_a15">
  128. <img style="height: 0.4rem;margin-top: 0.05rem;" class="ui_p_r05 ui_p_l05" src="images/img_points@2x.png"/>
  129. <div class="ub ub-f1 ub-ver">
  130. <div class="lightblack_color ulev1"><span class="ulev2 ui_m_r05">上海</span><span style="font-size: 0.13rem;">皇甫旅游集散站</span></div>
  131. <div style="margin-top: 0.13rem;" class="lightblack_color ulev1"><span class="ulev2 ui_m_r05">乌镇</span><span style="font-size: 0.13rem;">西栅1号停车场</span></div>
  132. </div>
  133. </li>
  134. </div>
  135. <div class="ub">
  136. <div style="border-radius: 0.05rem;margin-right: 0.03rem;" class="ub ub-f1 bg_color tx-c trip_qrcode_p white_bccolor ui_p_a10 white_bccolor ub-pc ub-ac">
  137. <img class="trip_img_location_wh" src="images/ic_erweima.png"/>
  138. <div id="">电子车票</div>
  139. </div>
  140. <div style="border-radius: 0.05rem;margin-left: 0.03rem;" class="ub ub-f1 bg_color tx-c white_bccolor ui_p_a10 white_bccolor ub-pc ub-ac">
  141. <img class="trip_img_wh" src="images/ic_zhaoche.png"/>
  142. <div id="">我要找车</div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>-->
  147. </div>
  148. <!--///////////////////////////////////////////////////////////////////////////////-->
  149. <!--暂无行程-进行中-->
  150. <div style="display: none;margin-top: 0.45rem;" class="ub" id="go_reserve" >
  151. <img src="images/a3/img_null_l.png" class="img_hezi ui_p_l25 ub-ac"/>
  152. <img src="images/img_linebangding.png" class="img_shu ub-ac"/>
  153. <div class="ub-f1 ub ub-ver right_info">
  154. <div class="no_trip">抱歉,暂无行程记录。</div>
  155. <div id="yuding" class="no_trip">去出行预订页开启一段新行程吧!</div>
  156. <div class="go_trip go_trip_book">若您已有行程,</div>
  157. <div class="go_trip">请您前往绑定以查看行程信息!</div>
  158. <img id="go_bind" style="width: 1.4rem;margin-top: 0.2rem;position: relative;left: -0.03rem;" src="images/btn_bangding.png"/>
  159. <!--<div style="width: 1.4rem;height: 0.3rem;background: rgb(61,67,79);border-radius:0.2rem;margin-top: 0.15rem;" class="">
  160. <img style="width: 0.2rem;float: left;margin-top: 0.045rem;margin-left: 0.1rem;margin-right: 0.04rem;" src="images/jiahao.png"/>
  161. <div style="float: left;color: #fff;font-size: 0.14rem;line-height: 0.3rem;">前往绑定订单</div>
  162. </div>-->
  163. </div>
  164. </div>
  165. <!--暂无行程-已结束-->
  166. <div style="display: none;margin-top: 0.45rem;" class="ub ub-ver ub-ac" id="go_reserve_end" >
  167. <img style="width: 0.4rem;" src="images/a3/img_null_l.png" />
  168. <div style="color: #999999;font-size: 0.13rem;" class="ui_m_t05">抱歉,暂无已结束行程</div>
  169. </div>
  170. <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  171. <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
  172. <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
  173. <script src="js/trip_list.js" type="text/javascript" charset="utf-8"></script>
  174. </body>
  175. </html>