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.
 
 
 
 

158 lines
5.3 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>填写订单</title>
  6. <link rel="stylesheet" href="css/main.css" />
  7. <link rel="stylesheet" href="css/ui-base.css" />
  8. <link rel="stylesheet" href="css/ui-box.css" />
  9. <link rel="stylesheet" href="css/ui-color.css" />
  10. <link rel="stylesheet" href="css/wechat.min.css" />
  11. </head>
  12. <body class="bc-bg" >
  13. <!--填写订单住页面-->
  14. <div >
  15. <!--日期上下站-->
  16. <div class="ub ub-ver umar-a-15 sg-bg">
  17. <div class="ub-f1 ui_m_l15 ui_m_r15 ubb bc-border ui_p_t15 ui_p_b15" id="go_info">
  18. <span>7月28日</span>
  19. <span>[出发地]</span>
  20. <span>--</span>
  21. <span>[目的地]</span>
  22. </div>
  23. <div id="start_area" class="ub ub-f1 ui_m_l15 ui_m_r15 ubb bc-border ui_p_t15 ui_p_b15">
  24. <div class="ub-f1" id="up_station">
  25. <span>上</span>
  26. <span class="ub-f1 ui_p_l40">[07:30 黄埔旅游集散站]</span>
  27. </div>
  28. <span>></span>
  29. </div>
  30. <div id="end_area" class="ub ub-f1 ui_m_l15 ui_m_r15 ui_p_t15 ui_p_b15">
  31. <div class="ub-f1" id="down_station">
  32. <span>下</span>
  33. <span class="ub-f1 ui_p_l40">[09:30 西栅1号停车场]</span>
  34. </div>
  35. <span>></span>
  36. </div>
  37. </div>
  38. <!--选择返程-->
  39. <div class="ub umar-a sg-bg ui_p_t15 ui_p_b15 ui_p_l15 ui_p_r15 umar-a-15 ui_hide">
  40. <div class="ub-f1">选择返程</div>
  41. <div>></div>
  42. </div>
  43. <!--选择返程 内容-->
  44. <div class="ub ub-ver umar-a-15 sg-bg">
  45. <div class="ub ub-ac ui_m_r15 ui_m_l15 ubb bc-border">
  46. <div class="ub-f3 ">
  47. <div class="ub-f1 ui_p_t15 ui_p_b15">选择返程</div>
  48. <div class="ub-f1 ui_p_t05 ui_p_b15">
  49. <span>7月28日</span>
  50. <span>[出发地]</span>
  51. <span>--</span>
  52. <span>[目的地]</span>
  53. </div>
  54. </div>
  55. <div>></div>
  56. </div>
  57. <div class="ub ub-f1 ui_m_l15 ui_m_r15 ubb bc-border ui_p_t15 ui_p_b15">
  58. <div class="ub-f1" id="up_station">
  59. <span>上</span>
  60. <span class="ub-f1 ui_p_l40" id="up_station_time" valId="">[07:30 黄埔旅游集散站]</span>
  61. </div>
  62. <span>></span>
  63. </div>
  64. <div class="ub ub-f1 ui_m_l15 ui_m_r15 ui_p_t15 ui_p_b15">
  65. <div class="ub-f1" id="down_station">
  66. <span>下</span>
  67. <span class="ub-f1 ui_p_l40" id="down_station_time" valId="">[09:30 西栅1号停车场]</span>
  68. </div>
  69. <span>></span>
  70. </div>
  71. </div>
  72. <!--座位信息-->
  73. <div class="ub umar-a sg-bg ui_p_t15 ui_p_b15 ui_p_l15 ui_p_r15 umar-a-15">
  74. <div class="ub-f1">普通座</div>
  75. <div class="ub-f1 text_right ui_p_r10">50元</div>
  76. <div class="ub-f1 ui_p_r05 text_right">
  77. <span>-</span>
  78. <span class="ui_p_b05 ui_p_t05 ui_p_l05 ui_p_r05 text_middle bc-bg">n</span>
  79. <span>+</span>
  80. </div>
  81. </div>
  82. <!--联系人信息-->
  83. <div class="ub ub-ver sg-bg umar-a-15" style="margin-bottom: 0.6rem">
  84. <div class="ub sg-bg ui_p_t10 ui_p_b10 umar-l15 umar-r15 ui_line_b">
  85. <input type="text" placeholder="联系人姓名" style="width: 2.5rem"/>
  86. </div>
  87. <div class="ub sg-bg ui_p_t10 ui_p_b10 umar-l15 umar-r15">
  88. <input type="text" placeholder="手机号码" style="width: 2.5rem"/>
  89. </div>
  90. </div>
  91. <div class="ub sg-bg bottom_screen">
  92. <div class="ub-f3 ui_p_l20 ui_p_t15 ui_p_b15">¥100</div>
  93. <div class="ub-f2 text_middle ui_p_t15 ui_p_b15 " style="background-color: darkgrey;">支付</div>
  94. </div>
  95. </div>
  96. <!--选择返程主页面-->
  97. <div class="ui_m_t10 ui_hide" id="select_back_div">
  98. <div class="ub-ac ub-ver ub ulev2 uinn">
  99. <div id="select_date">
  100. <span>9月28日</span>
  101. <span>上海 - 乌镇</span>
  102. </div>
  103. </div>
  104. <div class="ub ub-ver">
  105. <li class="ub uinn1 umar-a sg-bg ub-ac">
  106. <div class="search_box1">07:30</div>
  107. <div class="ub ub-f1 ub-ver search_box2">
  108. <div class="search_div1">
  109. <img src="images/start_yuan.png">
  110. <span>乌镇</span>
  111. </div>
  112. <div class="search_div2">
  113. <img src="images/end_yuan.png">
  114. <span>上海</span>
  115. </div>
  116. </div>
  117. <div class="search_box3">¥50</div>
  118. </li>
  119. <li class="ub uinn1 umar-a sg-bg ub-ac">
  120. <div class="search_box1">07:30</div>
  121. <div class="ub ub-f1 ub-ver search_box2">
  122. <div class="search_div1">
  123. <img src="images/start_yuan.png">
  124. <span>乌镇</span>
  125. </div>
  126. <div class="search_div2">
  127. <img src="images/end_yuan.png">
  128. <span>上海</span>
  129. </div>
  130. </div>
  131. <div class="search_box3">¥50</div>
  132. </li>
  133. </div>
  134. </div>
  135. <div id="actionSheet_wrap">
  136. <div class="weui_mask_transition weui_fade_toggle" id="mask" ></div>
  137. <div class="weui_actionsheet " id="weui_actionsheet">
  138. <div class="weui_actionsheet_menu" id="wei_info">
  139. <div class="weui_actionsheet_cell" id="[id]">示例菜单</div>
  140. </div>
  141. <div class="weui_actionsheet_action">
  142. <div class="weui_actionsheet_cell" id="actionsheet_cancel">取消</div>
  143. </div>
  144. </div>
  145. </div>
  146. </body>
  147. <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  148. <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
  149. <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
  150. <script type="text/javascript" src="js/submit_order.js" ></script>
  151. <script>
  152. </script>
  153. </html>