|
- <!DOCTYPE html>
- <html>
-
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
- <title>产品搜索</title>
- <script src="js/common/rem.js" type="text/javascript" charset="utf-8"></script>
- <link rel="stylesheet" type="text/css" href="css/ui-box.css" />
- <link rel="stylesheet" type="text/css" href="css/ui-base.css" />
- <link rel="stylesheet" type="text/css" href="css/ui-color.css" />
- <link rel="stylesheet" type="text/css" href="css/main.css" />
- <style type="text/css">
- .cms_title {
- padding: 0.24rem 0 0.12rem 0.08rem;
- color: #686872;
- line-height: 1.0;
- border-bottom: solid 1px #e9ebee;
- }
-
- ::-webkit-input-placeholder {
- color: #686872;
- }
-
- .hot_city {
- padding: 0.06rem 0.14rem;
- margin: 0.12rem 0.08rem 0.08rem 0.08rem;
- color: #2D2E3A;
- border-radius: 50px;
- background-color: #e9ebee;
- line-height: 1.0;
- }
- </style>
-
- </head>
-
- <body class="bg_color">
- <!--搜索-->
- <div class="ub" style="background-color:#ffffff;height: 0.44rem;box-shadow: 0 0.5px 3px 0 #e9ebee;">
- <div></div>
- <div class="ub-f1 ub" style="border-radius: 5px;">
- <div style="width:0.33rem;height: 0.3rem;margin: 0.07rem 0.05rem;background-image: url(images/home/back.png);background-repeat: no-repeat;background-size: 100% 100%;" onclick="goBack()"></div>
- <div class="ub ub-f1" style="margin: 0.07rem;border-radius: 5px;background-color: #E9EBEE;">
- <div style="width:0.13rem;height: 0.13rem;margin: 0.075rem; background-image: url(images/home/search-icon.png);background-repeat: no-repeat;background-size: 100% 100%;"></div>
- <div class="ub-f1 ub"><input class="ulev1 ub-f1" id="prod_name" type="text" placeholder="目的地／景点" style="height: 0.3rem;color: #2d2e3a;" oninput="inputSearchProd()" /></div>
- <div class="" style="width: 0.14rem;height: 0.14rem;background-image: url(images/home/clear.png);background-repeat: no-repeat;background-size: 100% 100%;margin: 0.08rem 0.12rem;" onclick="refreshSearchProd()"></div>
- </div>
- <div class="ulev1 ub-ac ub-pc ub" style="color: #3177f6;text-align:center;padding: 0.08rem;line-height: 1.0;" onclick="cancelSearchProd()">取消</div>
- </div>
- </div>
- <div class="ub ub-ac tx-c" style="background-color: #ffffff;height: 0.44rem;box-shadow: 0 0.5px 3px 0 #e9ebee;">
- <div class="ub-f1 ulev1" style="width: 1%;">全部</div>
- <div class="ub-f1 ulev1" style="width: 1%;">城市</div>
- <div class="ub-f1 ulev1" style="width: 1%;">景区</div>
- <div class="ub-f1 ulev1" style="width: 1%;">交通枢纽</div>
- <div class="ub-f1 ulev1" style="width: 1%;">酒店</div>
- </div>
-
- <div style="background-color: #ffffff;box-shadow: 0 0.5px 3px 0 #e9ebee;margin-top: 0.08rem;">
- <!--热门搜索-->
- <div class="hot_div ub ub-ver">
- <div class="cms_title">热门搜索</div>
- <div class="hot_name" style="padding-bottom: 0.1rem;border-bottom: solid 1px #e9ebee;">
- <div class="ufl ulev1 hot_city">拈花湾</div>
- <div class="ufl ulev1 hot_city">上海迪士尼</div>
- <div class="ufl ulev1 hot_city">西塘</div>
- <div class="ufl ulev1 hot_city">乌镇</div>
- <div class="ufl ulev1 hot_city">上海迪士尼</div>
- <div class="ufl ulev1 hot_city">上海迪士尼</div>
- </div>
- <div class="cms_title">检索结果</div>
- <div class="ub ub-ver cms_info">
- <div class="ulev1" style="padding: 0.08rem 0.12rem;color: #2d2e3a;border-bottom:1px solid #e9ebee ;">上海--千岛湖1</div>
- <div class="ulev1" style="padding: 0.08rem 0.12rem;color: #2d2e3a;border-bottom:1px solid #e9ebee ;">上海--千岛湖2</div>
- <div class="ulev1" style="padding: 0.08rem 0.12rem;color: #2d2e3a;border-bottom:1px solid #e9ebee ;">上海--千岛湖3</div>
- <div class="ulev1" style="padding: 0.08rem 0.12rem;color: #2d2e3a;border-bottom:1px solid #e9ebee ;">上海--千岛湖4</div>
- </div>
- </div>
- </div>
-
- <script src="js/common/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/common/tool.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/travel/prod_search.js" type="text/javascript" charset="utf-8"></script>
- </body>
-
- </html>
|
