nizongfeng
/
FX
1
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
2 Commits
1 Rama
2.2 MiB
 
 
 
 
 
Árbol: d4eb34ecc1
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde 'd4eb34ecc1'
${ noResults }
FX/web/shop/station_ticket.html

401 líneas
13 KiB
Original Blame Histórico 

  1. <!DOCTYPE html>

  2. <html>

  3. 

  4. 	<head>

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

  6. 		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

  7. 		<meta name="format-detection" content="telephone=no" />

  8. 		<title>巴士</title>

  9. 		<link rel="stylesheet" type="text/css" href="css/ui-box.css" />

  10. 		<link rel="stylesheet" type="text/css" href="css/ui-base.css" />

  11. 		<link rel="stylesheet" type="text/css" href="css/ui-color.css" />

  12. 		<link rel="stylesheet" type="text/css" href="css/main.css" />

  13. 		<link rel="stylesheet" type="text/css" href="css/calendar.css" />

  14. 		<link rel="stylesheet" type="text/css" href="css/fx_css/station_ticket.css" />

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

  16. 			body{

  17. 				moz-user-select: -moz-none;

  18. 				-moz-user-select: none;

  19. 				-o-user-select:none;

  20. 				-khtml-user-select:none;

  21. 				-webkit-user-select:none;

  22. 				-ms-user-select:none;

  23. 				user-select:none;

  24. 			}

  25. 			.top_title {

  26. 				background-color: rgba(44, 45, 58, 0.6);

  27. 				color: #FFFFFF;

  28. 				padding-left: 0.12rem;

  29. 			}

  30. 			

  31. 			.font_date {

  32. 				color: #38528a;

  33. 			}

  34. 			

  35. 			.font_gray {

  36. 				color: #80889a;

  37. 			}

  38. 			

  39. 			.font_price {

  40. 				color: #535187;

  41. 			}

  42. 			

  43. 			.font_info {

  44. 				color: #2b3857

  45. 			}

  46. 			

  47. 			.do_info {

  48. 				background-color: #ffffff;

  49. 				border-bottom: 0.5px solid #e5e5e5;

  50. 			}

  51. 			

  52. 			.sel_back_btn {

  53. 				margin: 0.08rem 0.12rem;

  54. 				padding: 0.09rem 0;

  55. 				border-radius: 4px;

  56. 				background-color: #f1f4f9;

  57. 				box-shadow: 0 4px 8px 0 rgba(56, 81, 138, 0.16);

  58. 				border: solid 0.5px #666699;

  59. 			}

  60. 			

  61. 			.cancel_back_btn {

  62. 				margin: 0.08rem 0.12rem;

  63. 				padding: 0.09rem 0;

  64. 				border-radius: 4px;

  65. 				background-color: #ffffff;

  66. 				border: solid 0.5px rgba(102, 102, 153, 0.2);

  67. 				;

  68. 			}

  69. 			

  70. 			.disney_div {

  71. 				background-color: #ffffff;

  72. 				border-bottom: 0.5px solid #e5e5e5;

  73. 				padding: 0.12rem;

  74. 			}

  75. 			

  76. 			.count {

  77. 				height: 0.22rem;

  78. 				width: 0.6rem;

  79. 				text-align: center;

  80. 				line-height: 0.22rem;

  81. 				display: block;

  82. 				color: #535187;

  83. 			}

  84. 			

  85. 			.book_btn {

  86. 				position: fixed;

  87. 			    left: 0.25rem;

  88. 			    right: 0.25rem;

  89. 			    bottom: 0.25rem;

  90. 				border-radius: 100px;

  91. 				background-color: #2d2e3a;

  92. 				box-shadow: 0 11px 20px 0 rgba(56, 81, 138, 0.36);

  93. 			}

  94. 			

  95. 			.mod_fil {

  96. 				-webkit-filter: blur(6px);

  97. 				filter: blur(6px);

  98. 			}

  99. 			

  100. 			.animated {

  101. 				-webkit-animation-duration: 0.4s;

  102. 				animation-duration: 0.4s;

  103. 				-webkit-animation-fill-mode: both;

  104. 				animation-fill-mode: both;

  105. 			}

  106. 			

  107. 			@-webkit-keyframes fadeInUp {

  108. 				0% {

  109. 					/*opacity: 0;*/

  110. 					-webkit-transform: translate3d(0, 100%, 0);

  111. 					transform: translate3d(0, 100%, 0);

  112. 				}

  113. 				100% {

  114. 					/*opacity: 1;*/

  115. 					-webkit-transform: none;

  116. 					transform: none;

  117. 				}

  118. 			}

  119. 			

  120. 			@keyframes fadeInUp {

  121. 				0% {

  122. 					/*opacity: 0;*/

  123. 					-webkit-transform: translate3d(0, 100%, 0);

  124. 					transform: translate3d(0, 100%, 0);

  125. 				}

  126. 				100% {

  127. 					/*opacity: 1;*/

  128. 					-webkit-transform: none;

  129. 					transform: none;

  130. 				}

  131. 			}

  132. 			

  133. 			.fadeInUp {

  134. 				-webkit-animation-name: fadeInUp;

  135. 				animation-name: fadeInUp;

  136. 			}

  137. 			

  138. 			

  139. 			@-webkit-keyframes fadeInDown {

  140. 				0% {

  141. 					-webkit-transform: none;

  142. 					transform: none;

  143. 				}

  144. 				100% {

  145. 					-webkit-transform: none;

  146. 					transform: none;

  147. 				}

  148. 			}

  149. 			

  150. 			@keyframes fadeInDown {

  151. 				0% {

  152. 					-webkit-transform: none;

  153. 					transform: none;

  154. 				}

  155. 				100% {

  156. 					-webkit-transform: translate3d(0,100%,0);

  157. 					transform: translate3d(0,100%,0);

  158. 				}

  159. 			}

  160. 			

  161. 			.fadeInDown {

  162. 				-webkit-animation-name: fadeInDown;

  163. 				animation-name: fadeInDown;

  164. 			}

  165. 			

  166. 			

  167. 			

  168. 			

  169. 		</style>

  170. 	</head>

  171. 

  172. 	<body class="bg_color" style="display: none;">

  173. 		<div id="body_mod" class="ub ub-ver" style="margin-bottom: 0.9rem;">

  174. 			<div id="bg_img" class="ub-img6 ub ub-ae" style="height: 1.5rem;background-size: 100%;">

  175. 				<div class="ui_p_t05 ui_p_b05 top_title ub-f1">中星君廷大酒店 - 迪士尼乐园</div>

  176. 			</div>

  177. 			<!--去程日期-->

  178. 			<div id="go_date_select" class="ub ui_p_t15 ui_p_b15 do_info">

  179. 				<div class="ub-f1 ub ui_p_l12">

  180. 					<div class="ub-f1 font_dark ulev1 font_info">去程日期</div>

  181. 					<div class="ui_p_r12 ub">

  182. 						<div id="go_run_date" class="ulev1 ui_p_r05 font_date"></div>

  183. 						<img src="images/jiantou.png" style="width: 0.14rem;height: 0.14rem;vertical-align:middle;" />

  184. 					</div>

  185. 				</div>

  186. 			</div>

  187. 			<!--去程班次-->

  188. 			<div id="go_classes" class="ub ui_p_t15 ui_p_b15 do_info">

  189. 				<div class="ub-f1 ub ui_p_l12">

  190. 					<div class="ub-f1 font_dark ulev1 font_info">去程班次</div>

  191. 					<div class="ui_p_r12 ub">

  192. 						<div id="go_show_class" class="ulev1 ui_p_r05 font_gray">请选择</div>

  193. 						<img src="images/jiantou.png" style="width: 0.14rem;height: 0.14rem;vertical-align:middle;" />

  194. 					</div>

  195. 				</div>

  196. 			</div>

  197. 			<!--返程-->

  198. 			<div id="back_date" style="display: none;">

  199. 				<!--返程日期-->

  200. 				<div id="back_date_select" class="ub ui_p_t15 ui_p_b15 do_info">

  201. 					<div class="ub-f1 ub ui_p_l12">

  202. 						<div class="ub-f1 font_dark ulev1 font_info">返程日期</div>

  203. 						<div class="ui_p_r12 ub">

  204. 							<div id="back_run_date" class="ulev1 ui_p_r05 font_date"></div>

  205. 							<img src="images/jiantou.png" style="width: 0.14rem;height: 0.14rem;vertical-align:middle;" />

  206. 						</div>

  207. 					</div>

  208. 				</div>

  209. 				<!--返程班次-->

  210. 				<div id="back_classes" class="ub ui_p_t15 ui_p_b15 do_info">

  211. 					<div class="ub-f1 ub ui_p_l12">

  212. 						<div class="ub-f1 font_dark ulev1 font_info">返程班次</div>

  213. 						<div class="ui_p_r12 ub">

  214. 							<div id="back_show_class" class="ulev1 ui_p_r05 font_gray">请选择</div>

  215. 							<img src="images/jiantou.png" style="width: 0.14rem;height: 0.14rem;vertical-align:middle;" />

  216. 						</div>

  217. 					</div>

  218. 				</div>

  219. 			</div>

  220. 			<!--选择返程按钮-->

  221. 			<div go_back="0" id="if_back" class="sel_back_btn ub ub-ac ub-pc ulev1 font_info">添加返程</div>

  222. 			<!--迪士尼票-->

  223. 			<div id="tick_type" class="ub ub-ver">

  224. 				<!--<div class="ub ub-ver disney_div">

  225. 					<div class="ui_p_b12">迪士尼乐园成人票</div>

  226. 					<div class="ub">

  227. 						<div class="ub-f1 ub">

  228. 							<img style="width: 0.22rem;height: 0.22rem;vertical-align: middle;" src="images/jianhao_sel.png"/>

  229. 							<span class="ulev3 count"  type="text" readonly="true" value="1">1</span>

  230. 							<img style="width: 0.22rem;height: 0.22rem;vertical-align: middle;" src="images/jiahao_sel.png"/>

  231. 						</div>

  232. 						<div class="ub-f1 ub tx-r">

  233. 							<div class="ub-f1 ub ub-pe ub-ae font_price" >¥</div>

  234. 							<div class="ulev3 ub ub-ae font_price" style="line-height: 1;">288</div>

  235. 						</div>

  236. 					</div>

  237. 				</div>

  238. 				<div class="ub ub-ver disney_div">

  239. 					<div class="ui_p_b12">迪士尼乐园儿童票</div>

  240. 					<div class="ub">

  241. 						<div class="ub-f1 ub">

  242. 							<img style="width: 0.22rem;height: 0.22rem;vertical-align: middle;" src="images/jianhao.png"/>

  243. 							<span class="ulev3 count"  type="text" readonly="true" value="0">0</span>

  244. 							<img style="width: 0.22rem;height: 0.22rem;vertical-align: middle;" src="images/jiahao_sel.png"/>

  245. 						</div>

  246. 						<div class="ub-f1 ub tx-r">

  247. 							<div class="ub-f1 ub ub-pe ub-ae font_price" >¥</div>

  248. 							<div class="ulev3 ub ub-ae font_price" style="line-height: 1;">288</div>

  249. 						</div>

  250. 					</div>

  251. 				</div>-->

  252. 			</div>

  253. 

  254. 			<!--订票须知-->

  255. 			<div class="ub ub-ver ui_p_l12 ui_p_t08">

  256. 				<div class="ub">

  257. 					<img src="images/tanhao.png" style="width: 0.12rem;height: 0.12rem;vertical-align: top;" />

  258. 					<div class="font_gray" style="line-height: 1;height: 0.16rem;margin-left: 0.02rem;">订票须知：</div>

  259. 				</div>

  260. 				<div class="booking_notice">

  261. 					<!--<div class="font_gray">1.为避免客满情况，请及时预订</div>

  262. 					<div class="font_gray">2.请按照规定时间到达上车点乘车</div>

  263. 					<div class="font_gray">3.身高1.2米以上儿童必须购票，不购票将不能乘车</div>-->

  264. 				</div>

  265. 			</div>

  266. 			<!--预订-->

  267. 			<div onclick="reserve()" class="ulev3 ub ub-ac ub-pc book_btn ui_p_t12 ui_p_b12" style="color: #ffffff;">预 订</div>

  268. 		</div>

  269. 

  270. 		<!--日历-->

  271. 		<div style="display: none;" class="model">

  272. 			<div style="display: none;" class="model_box">

  273. 				<div class="ub ub-ver">

  274. 					<div class="ub ub-ver">

  275. 						<div class="ub ub-pc">

  276. 							<div class="model_la"></div>

  277. 						</div>

  278. 						<div class="ub ui_p_l15 ui_p_r15 ui_p_t08 ui_p_b08 ub-ac bor_b_e5">

  279. 							<div class="ub-f1">

  280. 								<span class="ulev1 text_c_80">选择乘车日期 — </span>

  281. 								<span id="go_sel_date" class="ulev1 text_c_80"></span>

  282. 							</div>

  283. 							<div id="make_sure" class="text_c_2b ulev2"></div>

  284. 						</div>

  285. 					</div>

  286. 					<div class="ub ub-ver select_hei">

  287. 						<div class="calendar">

  288. 							<div class="month clearfix fire aonelist"></div>

  289. 						</div>

  290. 					</div>

  291. 				</div>

  292. 			</div>

  293. 		</div>

  294. 

  295. 		<!--班次弹层-->

  296. 		<div class="model_car" style="display: none;">

  297. 			<div style="display: none;" class="model_box_car">

  298. 				<div class="ub ub-ver">

  299. 					<div class="ub ub-ver ">

  300. 						<div class="ub ub-pc">

  301. 							<div class="model_la_car"></div>

  302. 						</div>

  303. 						<div class="ub ui_p_l15 ui_p_r15 ui_p_t08 ui_p_b08 ub-ac bor_b_e5">

  304. 							<div class="ub-f1 ulev1 text_c_80" id="select_run_bus">选择乘坐班次</div>

  305. 							<div class="text_c_2b ulev2" onclick="rightDidClick()">确定</div>

  306. 						</div>

  307. 					</div>

  308. 					<div id="sel_car" class="ub ub-ver select_hei">

  309. 						<!--班次-->

  310. 						<!--<div class="ub ub-ver bor_b_e5">

  311. 							<div class="ub ub-ac bor_b_e5" onclick="aaa(this)">

  312. 								<div class="ui_p_t12 ui_p_b12 ui_p_l15 ulev1 text_c_2b" style="padding-right: 0.22rem;">07:30</div>

  313. 								<div class="ub-f1 text_c_80">余票充足</div>

  314. 								<div class="ui_p_r15 ui_p_t10 ui_p_b10 ui_p_l15">

  315. 									<div class="select_kong"></div>

  316. 								</div>

  317. 							</div>

  318. 							<div class="ub ub-ver station" style="background-color: #f6f6f6;display: none;">

  319. 								<div class="ub">

  320. 									<div class="ulev1 text_c_2b ui_p_l15 ui_p_r15 ui_p_t12">上车站</div>

  321. 									<div class="ub ub-ver ub-f1" style="width: 1%;">

  322. 										<div class="ub ub-ac ui_p_t12 ui_p_b12 bor_b_e5">

  323. 											<div class="ub-f1 text_c_80">上海长途客运南站</div>

  324. 											<div class="ui_p_r15"><div class="select_kong"></div></div>

  325. 										</div>

  326. 										<div class="ub ub-ac ui_p_t12 ui_p_b12 bor_b_e5">

  327. 											<div class="ub-f1 text_c_80">上海长途客运东站</div>

  328. 											<div class="ui_p_r15"><div class="select_kong"></div></div>

  329. 										</div>

  330. 									</div>

  331. 								</div>

  332. 								<div class="ub">

  333. 									<div class="ulev1 text_c_2b ui_p_l15 ui_p_r15 ui_p_t12">上车站</div>

  334. 									<div class="ub ub-ver ub-f1" style="width: 1%;">

  335. 										<div class="ub ub-ac ui_p_t12 ui_p_b12 bor_b_e5">

  336. 											<div class="ub-f1 text_c_80">上海黄浦旅游集散站</div>

  337. 											<div class="ui_p_r15"><div class="select_kong"></div></div>

  338. 										</div>

  339. 										<div class="ub ub-ac ui_p_t12 ui_p_b12 bor_b_e5">

  340. 											<div class="ub-f1 text_c_80">人民广场</div>

  341. 											<div class="ui_p_r15"><div class="select_kong"></div></div>

  342. 										</div>

  343. 									</div>

  344. 								</div>

  345. 							</div>

  346. 						</div>-->

  347. 						<!--班次截止-->

  348. 						<!--<div class="ub ub-ver bor_b_e5" >

  349. 							<div class="ub ub-ac bor_b_e5" onclick="aaa(this)">

  350. 								<div class="ui_p_t12 ui_p_b12 ui_p_l15 ulev1 text_c_2b" style="padding-right: 0.22rem;">07:30</div>

  351. 								<div class="ub-f1 text_c_80">余票充足</div>

  352. 								<div class="ui_p_r15 ui_p_t10 ui_p_b10 ui_p_l15">

  353. 									<div class="select_kong"></div>

  354. 								</div>

  355. 							</div>

  356. 							<div class="ub ub-ver station" style="background-color: #f6f6f6;display: none;">

  357. 								<div class="ub">

  358. 									<div class="ulev1 text_c_2b ui_p_l15 ui_p_r15 ui_p_t12">上车站</div>

  359. 									<div class="ub ub-ver ub-f1" style="width: 1%;">

  360. 										<div class="ub ub-ac ui_p_t12 ui_p_b12 bor_b_e5">

  361. 											<div class="ub-f1 text_c_80">上海长途客运南站</div>

  362. 											<div class="ui_p_r15"><div class="select_kong"></div></div>

  363. 										</div>

  364. 										<div class="ub ub-ac ui_p_t12 ui_p_b12 bor_b_e5">

  365. 											<div class="ub-f1 text_c_80">上海长途客运东站</div>

  366. 											<div class="ui_p_r15"><div class="select_kong"></div></div>

  367. 										</div>

  368. 									</div>

  369. 								</div>

  370. 								<div class="ub">

  371. 									<div class="ulev1 text_c_2b ui_p_l15 ui_p_r15 ui_p_t12">上车站</div>

  372. 									<div class="ub ub-ver ub-f1" style="width: 1%;">

  373. 										<div class="ub ub-ac ui_p_t12 ui_p_b12 bor_b_e5">

  374. 											<div class="ub-f1 text_c_80">上海黄浦旅游集散站</div>

  375. 											<div class="ui_p_r15"><div class="select_kong"></div></div>

  376. 										</div>

  377. 										<div class="ub ub-ac ui_p_t12 ui_p_b12 bor_b_e5">

  378. 											<div class="ub-f1 text_c_80">人民广场</div>

  379. 											<div class="ui_p_r15"><div class="select_kong"></div></div>

  380. 										</div>

  381. 									</div>

  382. 								</div>

  383. 							</div>

  384. 						</div>-->

  385. 						

  386. 						

  387. 					</div>

  388. 				</div>

  389. 			</div>

  390. 		</div>

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

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

  393. 		<script src="js/main.js?v=2.0&t=201704261027" type="text/javascript" charset="utf-8"></script>

  394. 		<script src="js/calendar.js?v=201703311608" type="text/javascript" charset="utf-8"></script>

  395. 		<script src="js/run_station.js?v=201703311608" type="text/javascript" charset="utf-8"></script>

  396. 		<script src="js/station_ticket.js?v=2.0.3&t=201706081144" type="text/javascript" charset="utf-8"></script>

  397. 		<script type="text/javascript">

  398. 		</script>

  399. 	</body>

  400. 

  401. </html>