274 lines
14 KiB
HTML
274 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
<title></title>
|
||
<link rel="stylesheet" type="text/css" href="css/index.css">
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<header class="header-bar">
|
||
<div class="logo"><img src="images/logo.png" alt=""/></div>
|
||
<nav>
|
||
<ul class="user-nav">
|
||
<li class="selected">
|
||
<i class="icon icon-index"></i>
|
||
<p>抢票首页</p>
|
||
</li>
|
||
<li>
|
||
<i class="icon icon-order"></i>
|
||
<p>我的订单</p>
|
||
</li>
|
||
<li>
|
||
<i class="icon icon-12306"></i>
|
||
<p>访问12306</p>
|
||
</li>
|
||
<li>
|
||
<i class="icon icon-user"></i>
|
||
<p>可小风</p>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
<section>
|
||
<!-- 搜索输入框 -->
|
||
<div class="search-box pr">
|
||
<div class="search-box-l"></div>
|
||
<div class="search-box-r"></div>
|
||
<div class="icon search-box-hings-l"></div>
|
||
<div class="icon search-box-hings-r"></div>
|
||
<div class="icon search-tips cl">
|
||
<span class="net-tips">已分配到畅通的网络环境，为你提速80%：乌鲁木齐</span>
|
||
<span class="reset-btn">还原到默认</span>
|
||
<span class="order-tips">今日可预定：9月10日－10月2日的火车票</span>
|
||
<span class="icon order-ring fr"><span class="order-num">1</span></span>
|
||
</div>
|
||
<!-- form -->
|
||
<div class="search-form-wrap">
|
||
<form method="" action="" id="J-search-form">
|
||
<ul class="search-form">
|
||
<li>
|
||
<label class="label-desc">出发城市</label>
|
||
<div class="input-wrap"><input class="search-form-city" type="text" name="from_city" placeholder="请填写出发城市"/></div>
|
||
</li>
|
||
<li class="transfer-city">
|
||
<div class="transfer-city-btn"></div>
|
||
</li>
|
||
<li>
|
||
<label class="label-desc">到达城市</label>
|
||
<div class="input-wrap"><input class="search-form-city" type="text" name="to_city" placeholder="请填写到达城市"/></div>
|
||
</li>
|
||
<li class="select-date">
|
||
<label class="label-desc">出发日期</label>
|
||
<div class="input-wrap"><input class="search-form-date" type="text" name="to_city" placeholder="请填写到达城市"/></div>
|
||
</li>
|
||
<li>
|
||
<div class="identity fl">
|
||
<label><input type="checkbox" />普通</label>
|
||
<label><input type="checkbox" />学生</label>
|
||
</div>
|
||
<input class="submit-btn" type="submit" value="开始刷票"/>
|
||
</li>
|
||
</ul>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!-- 其他设置条件 -->
|
||
<div class="options-param">
|
||
<dl class="cl">
|
||
<dt>指定坐席:</dt>
|
||
<dd class="options-seat-type">
|
||
<label><input type="checkbox" /> 全部</label> <label><input type="checkbox" />高软</label><label><input type="checkbox" /> 软卧</label>
|
||
</dd>
|
||
</dl>
|
||
<dl class="cl">
|
||
<dt>备选日期：</dt>
|
||
<dd>
|
||
<label><input type="text" class="options-input" placeholder="请选择备选日期"/></label>
|
||
<!-- 循环列表 -->
|
||
<span class="optional-block">10月1号<span class="close">x</span></span>
|
||
<span class="optional-block">10月1号<span class="close">x</span></span>
|
||
<span class="optional-block">10月1号<span class="close">x</span></span>
|
||
</dd>
|
||
</dl>
|
||
<dl class="cl">
|
||
<dt>添加车次：</dt>
|
||
<dd>
|
||
<label><input type="text" class="options-input" placeholder="请添加车次"/></label>
|
||
<!-- 循环列表 -->
|
||
<span class="optional-block">T12<span class="close">x</span></span>
|
||
<span class="optional-block">T2<span class="close">x</span></span>
|
||
<span class="optional-block">T3<span class="close">x</span></span>
|
||
</dd>
|
||
</dl>
|
||
<dl class="cl">
|
||
<dt>添加乘客：</dt>
|
||
<dd>
|
||
<label><input type="text" class="options-input" placeholder="请选择乘客"/></label>
|
||
<!-- 循环列表 -->
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
<span class="optional-block">木鱼<span class="close">x</span></span>
|
||
</dd>
|
||
</dl>
|
||
<div class="split"></div>
|
||
<dl class="cl">
|
||
<dt>出行计划：</dt>
|
||
<dd>
|
||
<label><input type="text" class="options-input" placeholder="出行计划"/></label>
|
||
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
<!-- 月日期选择 -->
|
||
<div class="date-bar-wrap">
|
||
<div class="date-bar-prev fl"></div>
|
||
<div class="date-bar fl">
|
||
sadasd
|
||
</div>
|
||
<div class="date-bar-next fl"></div>
|
||
</div>
|
||
<!-- 搜索结果 -->
|
||
<div class="result">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>车次</th>
|
||
<th>发／到时间</th>
|
||
<th>发／到站</th>
|
||
<th>余票信息</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="train-num">
|
||
<p>T190</p>
|
||
<p class="train-station-type">经停站</p>
|
||
</td>
|
||
<td class="train-info">
|
||
<p>07:00－12:36</p>
|
||
<p>历时5小时36分</p>
|
||
</td>
|
||
<td class="train-city">
|
||
<p>北京西</p>
|
||
<p>南昌</p>
|
||
</td>
|
||
<td class="train-seats">
|
||
<a href="javascript:void(0);" class="ticket-block">
|
||
<p><span >二等座</span></p>
|
||
<p class="row2">
|
||
<span class="ticket-num">115张 </span>
|
||
<span>¥657</span>
|
||
</p>
|
||
</a>
|
||
<a href="javascript:void(0);" class="ticket-block">
|
||
<p><span >二等座</span></p>
|
||
<p class="row2">
|
||
<span class="ticket-num">115张 </span>
|
||
<span>¥657</span>
|
||
</p>
|
||
</a>
|
||
<a href="javascript:void(0);" class="ticket-block">
|
||
<p><span >二等座</span></p>
|
||
<p class="row2">
|
||
<span class="ticket-num">115张 </span>
|
||
<span>¥657</span>
|
||
</p>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="train-num">
|
||
<p>T190</p>
|
||
<p class="train-station-type">经停站</p>
|
||
</td>
|
||
<td class="train-info">
|
||
<p>07:00－12:36</p>
|
||
<p>历时5小时36分</p>
|
||
</td>
|
||
<td class="train-city">
|
||
<p>北京西</p>
|
||
<p>南昌</p>
|
||
</td>
|
||
<td class="train-seats">
|
||
<a href="javascript:void(0);" class="ticket-block">
|
||
<p><span >二等座</span></p>
|
||
<p class="row2">
|
||
<span class="ticket-num">115张 </span>
|
||
<span>¥657</span>
|
||
</p>
|
||
</a>
|
||
<a href="javascript:void(0);" class="ticket-block">
|
||
<p><span >二等座</span></p>
|
||
<p class="row2">
|
||
<span class="ticket-num">115张 </span>
|
||
<span>¥657</span>
|
||
</p>
|
||
</a>
|
||
<a href="javascript:void(0);" class="ticket-block">
|
||
<p><span >二等座</span></p>
|
||
<p class="row2">
|
||
<span class="ticket-num">115张 </span>
|
||
<span>¥657</span>
|
||
</p>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="train-num">
|
||
<p>T190</p>
|
||
<p class="train-station-type">经停站</p>
|
||
</td>
|
||
<td class="train-info">
|
||
<p>07:00－12:36</p>
|
||
<p>历时5小时36分</p>
|
||
</td>
|
||
<td class="train-city">
|
||
<p>北京西</p>
|
||
<p>南昌</p>
|
||
</td>
|
||
<td class="train-seats">
|
||
<a href="javascript:void(0);" class="ticket-block">
|
||
<p><span >二等座</span></p>
|
||
<p class="row2">
|
||
<span class="ticket-num">115张 </span>
|
||
<span>¥657</span>
|
||
</p>
|
||
</a>
|
||
<a href="javascript:void(0);" class="ticket-block">
|
||
<p><span >二等座</span></p>
|
||
<p class="row2">
|
||
<span class="ticket-num">115张 </span>
|
||
<span>¥657</span>
|
||
</p>
|
||
</a>
|
||
<a href="javascript:void(0);" class="ticket-block">
|
||
<p><span >二等座</span></p>
|
||
<p class="row2">
|
||
<span class="ticket-num">115张 </span>
|
||
<span>¥657</span>
|
||
</p>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<script src="js/boot.js"></script>
|
||
</body>
|
||
</html>
|