nizongfeng
/
ZZWX
1
0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
2 Commits
1 Branch
38 MiB
 
 
 
 
 
 
Tag: a9d2062c20
Branches Tags
${ item.name }
Criar branch ${ searchTerm }
de a9d2062c20
${ noResults }
ZZWX/public/wechat/travel_book.html

293 linhas
14 KiB
Original Anotar Histórico 

  1. <!DOCTYPE html>

  2. <html>

  3. 

  4. 	<head>

  5. 		<meta charset="UTF-8">

  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. 		<link rel="stylesheet" href="css/swiper.min.css">

  14. 		<style type="text/css">

  15. 			.good {

  16. 				padding-bottom: 0.03rem;

  17. 			}

  18. 

  19. 			.swiper-container {

  20. 				width: 100%;

  21. 				/*height: 0.5rem;*/

  22. 			}

  23. 

  24. 			.swiper-slide {

  25. 				text-align: center;

  26. 				font-size: 18px;

  27. 				background: #fff;

  28. 				/* Center slide text vertically */

  29. 				display: -webkit-box;

  30. 				display: -ms-flexbox;

  31. 				display: -webkit-flex;

  32. 				display: flex;

  33. 				-webkit-box-pack: center;

  34. 				-ms-flex-pack: center;

  35. 				-webkit-justify-content: center;

  36. 				justify-content: center;

  37. 				-webkit-box-align: center;

  38. 				-ms-flex-align: center;

  39. 				-webkit-align-items: center;

  40. 				align-items: center;

  41. 			}

  42. 

  43. 			.trapezoid {

  44. 				border-bottom: 100px solid red;

  45. 				border-left: 50px solid transparent;

  46. 				border-right: 50px solid transparent;

  47. 				width: 25%;

  48. 				display: inline-block;

  49. 			}

  50. 			/*@media only screen and (min-device-width: 320px)and (-webkit-min-device-pixel-ratio: 2) {

  51.          			.good{

  52.          				padding-bottom: 0.05rem!important;

  53.          			}

  54. 			}

  55. 			@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 2) {

  56. 					.good{

  57.          				padding-bottom: 0.05rem!important;

  58.          			}

  59. 			}

  60. 

  61. 

  62. 			@media only screen and (min-device-width: 376px) and (-webkit-min-device-pixel-ratio: 2) {

  63. 					.good{

  64.          				padding-bottom: 0rem!important;

  65.          			}

  66. 

  67. 			}  */

  68. 		</style>

  69. 	</head>

  70. 

  71. 	<body id="loading_html" style="background-color: #f0f2f6;display: none;">

  72. 		<!--

  73.         	作者：zhangsq

  74.         	时间：2016-08-25

  75.         	描述：出行预订

  76.         	修改:fuhc date:2016-08-28

  77.         	迭代:zj date:2016-09-12

  78.         -->

  79. 		<!--头部图片-->

  80. 		<!-- Swiper -->

  81. 		<div id="swiper_test" class="swiper-container">

  82. 			<div class="swiper-wrapper">

  83. 				<div class="swiper-slide"><img style="width: 100%;" src="images/banner.png" /></div>

  84. 			</div>

  85. 			<!-- Add Pagination -->

  86. 			<div class="swiper-pagination"></div>

  87. 		</div>

  88. 		<div class="ub cut_top">

  89. 			<div line_type="0" style="width: 1%;color: #3d434f;" onclick="cut_bus(0)" id="cut_0" class="ub-f1 cut_top_show">全部</div>

  90. 			<div line_type="318" style="width: 1%;color: #3d434f;" onclick="cut_bus(1)" id="cut_1" class="ub-f1 cut_top_hide">景区直通车</div>

  91. 			<div line_type="319" style="width: 1%;color: #3d434f;" onclick="cut_bus(2)" id="cut_2" class="ub-f1 cut_top_hide">城际直通车</div>

  92. 		</div>

  93. 

  94. 		<div style="top: -0.35rem;margin-bottom: 0.55rem;" class="ub ub-ver">

  95. 			<div id="bus_station" class="ub ub-ver">

  96. 				<!--出发地 目的地-->

  97. 				<!--全部、景区直通车、城际直通车-->

  98. 				<div class="ub ub-ver layer_background ui_radiu_all cut_bus0 cut_bus1 cut_bus2">

  99. 					<div class="ub">

  100. 						<div style="margin-left: 0.25rem;padding-top: 0.19rem;padding-bottom: 0.19rem;" id="start_area" class="ub-f1 ulev2 lightgray_color ui_line_b inner_down_line_color">请选择出发地</div>

  101. 					</div>

  102. 					<div class="ub">

  103. 						<div style="padding-left: 0.25rem;padding-top: 0.19rem;padding-bottom: 0.19rem;" id="end_area" class="ub-f1 ulev2 lightgray_color line_color_b inner_down_line_color">请选择目的地</div>

  104. 					</div>

  105. 					<img style="margin-right: 0.1rem;position: absolute;top: 0.465rem;right: 0.1rem;" class="exchange ub-f1" src="images/ic_return.png" />

  106. 				</div>

  107. 

  108. 				<!--奔驰专线-->

  109. 				<div style="display: none;padding-bottom: 0.24rem;" class="ub ub-ver layer_background ui_p_t35 ui_p_l35 ui_p_r35 inner_down_line_color cut_bus3">

  110. 					<!--出发地目的地题头-->

  111. 					<div style="padding-bottom: 0.03rem;" class="ub ub-f1 inner_down_line_color">

  112. 						<div class="ub-f1 fontmiddle_color">出发地</div>

  113. 						<div class="ub-f1 fontmiddle_color text_right">目的地</div>

  114. 					</div>

  115. 					<!--出发地目的地城市 南京——淮安-->

  116. 					<div style="padding-top: 0.07rem;" class="ub ub-f1">

  117. 						<div id="benz_bus_0" style="color: #1b1a20;" class="ub-f1 ulev6 fontmiddle_color">南京</div>

  118. 						<img style="width: 0.48rem;position: relative;top: -0.22rem;" src="images/ic-dancheng@2x.png" />

  119. 						<div id="benz_bus_1" style="color: #1b1a20;" class="ub-f1 ulev6 fontmiddle_color text_right">淮安</div>

  120. 					</div>

  121. 				</div>

  122. 			</div>

  123. 

  124. 			<div id="sel_data" class="ub layer_background" style="border-bottom: 1px solid #e5e5e5;">

  125. 

  126. 				<div id="" class="ub ub-f1">

  127. 					<div style="background-color: #3d434f;width: 0.04rem;" class=""></div>

  128. 					<div style="padding-left: 0.15rem;" class="ub-f1 ui_p_t20 ui_p_b20">

  129. 						<span id="run_date" class="darkblack_color ulev2">9月28日</span><span id="run_day" class="ui_p_l25 commongray_color ulev1">今天</span>

  130. 					</div>

  131. 				</div>

  132. 				<img style="position: relative;top: 0.04rem;" class="change ui_m_r25 ui_p_t20 ui_p_b20" src="images/ic_enter.png" />

  133. 

  134. 			</div>

  135. 			<!--查询-->

  136. 			<div id="btn_search" style="padding-top: 0.14rem;padding-bottom: 0.14rem;font-weight: bold;background-image: linear-gradient(to right, #57b4b9, #58b7bb 18%, #5abec0 61%, #61c5b7);border-radius: 0.04rem;" class="ub ub-ver ui_m_a10 text_middle ulev3 white_color">查<span style="padding-left: 0.28rem;font-weight: bold;" class="ulev3 white_color">询</span></div>

  137. 			<!--周边游、迪士尼接驳、机场专线-->

  138. 			<div class="ub lightgreen_color outer_line_down_color ui_m_b10">

  139. 				<div id="zhoubianyouceshi" onclick="around_travel()" style="width: 1%;padding-bottom: 0.18rem;" class="ub-f1 text_middle ui_p_t20">

  140. 					<img style="width: 0.22rem;" src="images/ic_zhoubianyou@2x.png" />

  141. 					<div id="">巴士自由行</div>

  142. 				</div>

  143. 				<div id="dishiniceshi" onclick="dsn_travel()" style="width: 1%;padding-bottom: 0.18rem;" class="ub-f1 text_middle ui_p_t20">

  144. 					<img style="width: 0.22rem;" src="images/ic_desney@2x.png" />

  145. 					<div id="">迪士尼接驳</div>

  146. 				</div>

  147. 				<div id="jichangceshi" onclick="plane_travel()" style="width: 1%;padding-bottom: 0.18rem;" class="ub-f1 text_middle ui_p_t20">

  148. 					<img style="width: 0.22rem;" src="images/ic_jichang@2x.png" />

  149. 					<div id="">机场专线</div>

  150. 				</div>

  151. 			</div>

  152. 			<!--景区直通-->

  153. 			<div style="padding-top: 0.16rem;padding-bottom: 0.16rem;" class="ub lightgreen_color">

  154. 				<div class="ub-f1 text_right"><img style="width: 0.56rem;" src="images/img_partingline_l@2x.png" /></div>

  155. 				<div class="ulev1 commongray_color ui_p_l15 ui_p_r15">景区直通车推荐</div>

  156. 				<div class="ub-f1 text_left"><img style="width: 0.56rem;" src="images/img_partingline_r@2x.png" /></div>

  157. 			</div>

  158. 			<div id="through_bus" class="ub lightgreen_color ui_p_b20 outer_line_down_color ui_m_b10 ui_p_l05 ui_p_r05" style="display: none;">

  159. 				<div class="ub ub-f1 ub-ver ui_p_l10 ui_p_r05">

  160. 					<div class="scene_direct uc-tl1 uc-tr1 text_right">

  161. 						<img class="tuijian" style="width: 0.32rem;" src="images/img_jian@2x.png" />

  162. 					</div>

  163. 					<div class="ub ub-ae ui_p_a10 tuijian_biankuang uc-bl1 uc-br1">

  164. 						<div class="ub ub-f1 ub-ver">

  165. 							<div style="font-size: 0.1rem;" class="commongray_color">全程1时30分</div>

  166. 							<div class="white_color darkgreen_color bus_type">6座奔驰</div>

  167. 						</div>

  168. 						<div><span class="price_color">￥</span><span class="price_color ulev4">68</span></div>

  169. 					</div>

  170. 				</div>

  171. 				<div class="ub ub-f1 ub-ver ui_p_l05 ui_p_r10">

  172. 					<div class="scene_direct2 uc-tl1 uc-tr1 text_right">

  173. 						<img class="tuijian" style="width: 0.32rem;" src="images/img_jian@2x.png" />

  174. 					</div>

  175. 					<div class="ub ub-ae ui_p_a10 tuijian_biankuang uc-bl1 uc-br1">

  176. 						<div class="ub ub-f1 ub-ver">

  177. 							<div style="font-size: 0.1rem;" class="commongray_color">全程1时30分</div>

  178. 							<div class="white_color darkgreen_color bus_type">豪华大巴</div>

  179. 						</div>

  180. 						<div><span class="price_color">￥</span><span class="price_color ulev4">99</span></div>

  181. 					</div>

  182. 				</div>

  183. 			</div>

  184. 			<!--迪士尼接驳-->

  185. 			<div style="padding-top: 0.16rem;padding-bottom: 0.16rem;" class="ub lightgreen_color">

  186. 				<div class="ub-f1 text_right"><img style="width: 0.56rem;" src="images/img_partingline_l@2x.png" /></div>

  187. 				<div class="ulev1 commongray_color ui_p_l15 ui_p_r15">迪士尼接驳车推荐</div>

  188. 				<div class="ub-f1 text_left"><img style="width: 0.56rem;" src="images/img_partingline_r@2x.png" /></div>

  189. 			</div>

  190. 			<ul id="dsn_bus" class="ub ub-ver lightgreen_color outer_line_down_color ui_m_b10" style="display: none;">

  191. 				<li class="ub disney_bus ui_p_a20 inner_up_line_color ">

  192. 					<div class="ub ub-ver text_right">

  193. 						<div style="font-size: 0.09rem;" class="commongray_color">全程用时</div>

  194. 						<div class="fontmiddle_color">2时30分</div>

  195. 					</div>

  196. 					<img style="height: 0.35rem;margin-top: 0.04rem;" class="ui_p_r05 ui_p_l05" src="images/img_points@2x.png" />

  197. 					<div class="ub ub-f1 ub-ver">

  198. 						<div class="lightblack_color ulev1">外滩茂悦大酒店</div>

  199. 						<div style="margin-top: 0.13rem;" class="lightblack_color ulev1">上海迪士尼</div>

  200. 					</div>

  201. 					<div class="ub ub-pe ub-ver">

  202. 						<span class="ulev1" style="color:#519d9e;">￥</span>

  203. 						<span style="color:#519d9e;font-size: 0.32rem;">58</span>

  204. 					</div>

  205. 				</li>

  206. 				<li class="ub disney_bus ui_p_a20 inner_up_line_color">

  207. 					<div class="ub ub-ver text_right">

  208. 						<div style="font-size: 0.09rem;" class="commongray_color">全程用时</div>

  209. 						<div class="fontmiddle_color">2时30分</div>

  210. 					</div>

  211. 					<img style="height: 0.35rem;margin-top: 0.04rem;" class="ui_p_r05 ui_p_l05" src="images/img_points@2x.png" />

  212. 					<div class="ub ub-f1 ub-ver">

  213. 						<div class="lightblack_color ulev1">外滩茂悦大酒店</div>

  214. 						<div style="margin-top: 0.13rem;" class="lightblack_color ulev1">上海迪士尼</div>

  215. 					</div>

  216. 					<div class="ub ub-pe ub-ver">

  217. 						<span class="ulev1" style="color:#519d9e;">￥</span>

  218. 						<span style="color:#519d9e;font-size: 0.32rem;">188</span>

  219. 					</div>

  220. 				</li>

  221. 			</ul>

  222. 			<!--周边游-->

  223. 			<div style="padding-top: 0.16rem;padding-bottom: 0.16rem;" class="ub lightgreen_color ui_p_r20 ui_p_l20">

  224. 				<img style="height: 0.14rem;top: 0.02rem;position: relative;" src="images/img_bang@2x.png" />

  225. 				<div class="ub-f1 text_right"><img style="width: 0.56rem;" src="images/img_partingline_l@2x.png" /></div>

  226. 				<div class="ulev1 commongray_color ui_p_l15 ui_p_r15">巴士自由行推荐</div>

  227. 				<div class="ub-f1 text_left"><img style="width: 0.56rem;" src="images/img_partingline_r@2x.png" /></div>

  228. 				<img style="height: 0.14rem;top: 0.02rem;position: relative;" src="images/img_bang@2x.png" />

  229. 			</div>

  230. 			<ul id="rim_travel" class="ub ub-ver lightgreen_color ui_p_b05 outer_line_down_color" style="display: none;">

  231. 				<li style="background-image: url(images/img01@2x.png);height: 1.3rem;border-radius: 0.03rem;" class="ub rim_travel ui_m_l10 ui_m_r10 ui_m_b10 ub-ver ub-pe">

  232. 					<img style="height: 0.17rem;position: absolute;top: 0.1rem;" src="images/img-zhitongbashi.png" />

  233. 					<div style="background-color: rgba(0, 0, 0, 0.5);padding-top: 0.05rem;" class="ub ub-pe ui_p_l10 ui_p_r10 ui_p_b10 uc-bl1 uc-br1">

  234. 						<div class="ub-f1 ub ub-ver">

  235. 							<div style="opacity: 0.8;" class="ulev2 white_color ui_m_b05">千岛湖2日游</div>

  236. 							<div style="font-size: 0.11rem;opacity: 0.8;" class="white_color">含往返豪华大巴接送 湖景房 门票 </div>

  237. 						</div>

  238. 						<div class="ub ub-ae">

  239. 							<span style="font-size: 0.11rem;opacity: 0.8;" class="white_color">￥</span>

  240. 							<span style="opacity: 0.8;" class="white_color ulev5">499</span>

  241. 						</div>

  242. 					</div>

  243. 				</li>

  244. 				<li style="background-image: url(images/img02@2x.png);height: 1.3rem;" class="ub rim_travel ui_m_l10 ui_m_r10 ui_m_b10 ui_m_r10 ui_m_b10 ub-ver ub-pe">

  245. 					<img style="height: 0.17rem;position: absolute;top: 0.1rem;" src="images/img-zhitongbashi.png" />

  246. 					<div style="background-color: rgba(0, 0, 0, 0.5);padding-top: 0.05rem;" class="ub ub-pe ui_p_l10 ui_p_r10 ui_p_b10 uc-bl1 uc-br1">

  247. 						<div class="ub-f1 ub ub-ver">

  248. 							<div style="opacity: 0.8;" class="ulev2 white_color ui_m_b05">千岛湖2日游</div>

  249. 							<div style="font-size: 0.11rem;opacity: 0.8;" class="white_color">含往返豪华大巴接送 湖景房 门票 </div>

  250. 						</div>

  251. 						<div class="ub ub-ae">

  252. 							<span style="font-size: 0.11rem;opacity: 0.8;" class="white_color">￥</span>

  253. 							<span style="opacity: 0.8;" class="white_color ulev5">499</span>

  254. 						</div>

  255. 					</div>

  256. 				</li>

  257. 				<li style="background-image: url(images/img03@2x.png);height: 1.3rem;" class="ub rim_travel ui_m_l10 ui_m_r10 ui_m_b10 ui_m_r10 ui_m_b10 ub-ver ub-pe">

  258. 					<img style="height: 0.17rem;position: absolute;top: 0.1rem;" src="images/img-zhitongbashi.png" />

  259. 					<div style="background-color: rgba(0, 0, 0, 0.5);padding-top: 0.05rem;" class="ub ub-pe ui_p_l10 ui_p_r10 ui_p_b10 uc-bl1 uc-br1">

  260. 						<div class="ub-f1 ub ub-ver">

  261. 							<div style="opacity: 0.8;" class="ulev2 white_color ui_m_b05">千岛湖2日游</div>

  262. 							<div style="font-size: 0.11rem;opacity: 0.8;" class="white_color">含往返豪华大巴接送 湖景房 门票 </div>

  263. 						</div>

  264. 						<div class="ub ub-ae">

  265. 							<span style="font-size: 0.11rem;opacity: 0.8;" class="white_color">￥</span>

  266. 							<span style="opacity: 0.8;" class="white_color ulev5">499</span>

  267. 						</div>

  268. 					</div>

  269. 				</li>

  270. 			</ul>

  271. 

  272. 		</div>

  273. 

  274. 		<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>

  275. 		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>

  276. 		<script src="js/main.js" type="text/javascript" charset="utf-8"></script>

  277. 		<script src="js/travel_book.js" type="text/javascript" charset="utf-8"></script>

  278. 		<script src="js/swiper.min.js"></script>

  279. 		<script>

  280. 		  	var _mtac = {};

  281. 		  	(function() {

  282. 		  		var mta = document.createElement("script");

  283. 		  		mta.src = "http://pingjs.qq.com/h5/stats.js?v2.0.2";

  284. 		  		mta.setAttribute("name", "MTAH5");

  285. 		  		mta.setAttribute("sid", "500357832");

  286. 		

  287. 		  		var s = document.getElementsByTagName("script")[0];

  288. 		  		s.parentNode.insertBefore(mta, s);

  289. 		  	})();

  290. 		</script>

  291. 	</body>

  292. 

  293. </html>