- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>填写订单</title>
- <link rel="stylesheet" href="css/main.css" />
- <link rel="stylesheet" href="css/ui-base.css" />
- <link rel="stylesheet" href="css/ui-box.css" />
- <link rel="stylesheet" href="css/ui-color.css" />
- <link rel="stylesheet" href="css/wechat.min.css" />
- </head>
- <body class="bc-bg" >
- <!--填写订单住页面-->
- <div >
- <!--日期上下站-->
- <div class="ub ub-ver umar-a-15 sg-bg">
- <div class="ub-f1 ui_m_l15 ui_m_r15 ubb bc-border ui_p_t15 ui_p_b15" id="go_info">
- <span>7月28日</span>
- <span>[出发地]</span>
- <span>--</span>
- <span>[目的地]</span>
- </div>
- <div id="start_area" class="ub ub-f1 ui_m_l15 ui_m_r15 ubb bc-border ui_p_t15 ui_p_b15">
- <div class="ub-f1" id="up_station">
- <span>上</span>
- <span class="ub-f1 ui_p_l40">[07:30 黄埔旅游集散站]</span>
- </div>
- <span>></span>
- </div>
- <div id="end_area" class="ub ub-f1 ui_m_l15 ui_m_r15 ui_p_t15 ui_p_b15">
- <div class="ub-f1" id="down_station">
- <span>下</span>
- <span class="ub-f1 ui_p_l40">[09:30 西栅1号停车场]</span>
- </div>
- <span>></span>
- </div>
- </div>
- <!--选择返程-->
- <div class="ub umar-a sg-bg ui_p_t15 ui_p_b15 ui_p_l15 ui_p_r15 umar-a-15 ui_hide">
- <div class="ub-f1">选择返程</div>
- <div>></div>
- </div>
-
- <!--选择返程 内容-->
- <div class="ub ub-ver umar-a-15 sg-bg">
- <div class="ub ub-ac ui_m_r15 ui_m_l15 ubb bc-border">
- <div class="ub-f3 ">
- <div class="ub-f1 ui_p_t15 ui_p_b15">选择返程</div>
- <div class="ub-f1 ui_p_t05 ui_p_b15">
- <span>7月28日</span>
- <span>[出发地]</span>
- <span>--</span>
- <span>[目的地]</span>
- </div>
- </div>
- <div>></div>
- </div>
- <div class="ub ub-f1 ui_m_l15 ui_m_r15 ubb bc-border ui_p_t15 ui_p_b15">
- <div class="ub-f1" id="up_station">
- <span>上</span>
- <span class="ub-f1 ui_p_l40" id="up_station_time" valId="">[07:30 黄埔旅游集散站]</span>
- </div>
- <span>></span>
- </div>
- <div class="ub ub-f1 ui_m_l15 ui_m_r15 ui_p_t15 ui_p_b15">
- <div class="ub-f1" id="down_station">
- <span>下</span>
- <span class="ub-f1 ui_p_l40" id="down_station_time" valId="">[09:30 西栅1号停车场]</span>
- </div>
- <span>></span>
- </div>
- </div>
-
- <!--座位信息-->
- <div class="ub umar-a sg-bg ui_p_t15 ui_p_b15 ui_p_l15 ui_p_r15 umar-a-15">
- <div class="ub-f1">普通座</div>
- <div class="ub-f1 text_right ui_p_r10">50元</div>
- <div class="ub-f1 ui_p_r05 text_right">
- <span>-</span>
- <span class="ui_p_b05 ui_p_t05 ui_p_l05 ui_p_r05 text_middle bc-bg">n</span>
- <span>+</span>
- </div>
- </div>
- <!--联系人信息-->
- <div class="ub ub-ver sg-bg umar-a-15" style="margin-bottom: 0.6rem">
- <div class="ub sg-bg ui_p_t10 ui_p_b10 umar-l15 umar-r15 ui_line_b">
- <input type="text" placeholder="联系人姓名" style="width: 2.5rem"/>
- </div>
- <div class="ub sg-bg ui_p_t10 ui_p_b10 umar-l15 umar-r15">
- <input type="text" placeholder="手机号码" style="width: 2.5rem"/>
- </div>
- </div>
- <div class="ub sg-bg bottom_screen">
- <div class="ub-f3 ui_p_l20 ui_p_t15 ui_p_b15">¥100</div>
- <div class="ub-f2 text_middle ui_p_t15 ui_p_b15 " style="background-color: darkgrey;">支付</div>
- </div>
- </div>
-
- <!--选择返程主页面-->
- <div class="ui_m_t10 ui_hide" id="select_back_div">
- <div class="ub-ac ub-ver ub ulev2 uinn">
- <div id="select_date">
- <span>9月28日</span>
- <span>上海 - 乌镇</span>
- </div>
- </div>
- <div class="ub ub-ver">
- <li class="ub uinn1 umar-a sg-bg ub-ac">
- <div class="search_box1">07:30</div>
- <div class="ub ub-f1 ub-ver search_box2">
- <div class="search_div1">
- <img src="images/start_yuan.png">
- <span>乌镇</span>
- </div>
- <div class="search_div2">
- <img src="images/end_yuan.png">
- <span>上海</span>
- </div>
- </div>
- <div class="search_box3">¥50</div>
- </li>
- <li class="ub uinn1 umar-a sg-bg ub-ac">
- <div class="search_box1">07:30</div>
- <div class="ub ub-f1 ub-ver search_box2">
- <div class="search_div1">
- <img src="images/start_yuan.png">
- <span>乌镇</span>
- </div>
- <div class="search_div2">
- <img src="images/end_yuan.png">
- <span>上海</span>
- </div>
- </div>
- <div class="search_box3">¥50</div>
- </li>
- </div>
- </div>
- <div id="actionSheet_wrap">
- <div class="weui_mask_transition weui_fade_toggle" id="mask" ></div>
- <div class="weui_actionsheet " id="weui_actionsheet">
- <div class="weui_actionsheet_menu" id="wei_info">
- <div class="weui_actionsheet_cell" id="[id]">示例菜单</div>
- </div>
- <div class="weui_actionsheet_action">
- <div class="weui_actionsheet_cell" id="actionsheet_cancel">取消</div>
- </div>
- </div>
- </div>
- </body>
- <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript" src="js/submit_order.js" ></script>
- <script>
-
- </script>
- </html>
|