zoukankan      html  css  js  c++  java
  • react

    <!DOCTYPE html>
    <html ng-app="MyApp">
    <head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <title>雷克萨斯中国经销商 - 4s店地址 | LEXUS雷克萨斯官网</title>
    <link rel="stylesheet" href="../components/bootstrap/dist/css/bootstrap.css"/>
    <link rel="stylesheet" href="../css/Dealer.css"/>
    <script src="../components/jquery/dist/jquery.min.js"></script>
    <script src="../components/angular/angular.min.js"></script>
    <script src="../js/Dealer.js"></script>
    <script type="text/javascript"
    src="http://api.map.baidu.com/api?v=2.0&ak=iMZhsOXqNlqvQYG5cjGKBZ0IMXNX3GXK"></script>
    <script type="text/javascript"
    src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css"/>
    <link rel="stylesheet" href="../css/nav.css">
    <script src="../js/nav.js"></script>
    <link rel="stylesheet" href="../css/footer.css"/>
    <link rel="stylesheet" href="../css/return-top.css"/>
    <script src="../js/returntop.js"></script>

    </head>
    <body ng-controller="myadd">
    <nav class="nav-bar clearfix">

    <a href="./index.html"> <img class="logo" src="../src/images/logo.png" alt="logo"></a>
    <ul class="ul-nav">
    <li class="nav-tab">
    <a href="./choice.html">车型总览</a>

    <div class="nav-dropdown type">
    <div class="col-xs-7">
    <div class="col-xs-12">
    <div class="col-sm-3">
    <p>CT</p>
    <img src="../src/images/ct.png">

    <p>紧凑型豪华两厢车</p>
    </div>
    </div>
    <hr>
    <div class="col-xs-3">
    <p>IS</p>
    <img src="../src/images/is.png">

    <p>中型豪华运动轿车</p>
    </div>
    <div class="col-xs-3">
    <p>ES</p>
    <img src="../src/images/es.png">

    <p>中大型豪华行政车</p>
    </div>
    <div class="col-xs-3">
    <p>GS</p>
    <img src="../src/images/gs.png">

    <p>中大型豪华运动车</p>
    </div>
    <div class="col-xs-3">
    <p>LS</p>
    <img src="../src/images/ls.png">

    <p>旗舰级豪华轿车</p>
    </div>
    <hr>
    <div class="col-xs-3">
    <p>NX</p>
    <img src="../src/images/nx.png">

    <p>中型豪华SUV</p>
    </div>
    <div class="col-xs-3">
    <p>RX</p>
    <img src="../src/images/rx.png">

    <p>中大型豪华SUV</p>
    </div>
    <div class="col-xs-3">
    <p>GX</p>
    <img src="../src/images/gx.png">

    <p>大型豪华SUV</p>
    </div>
    <div class="col-xs-3">
    <p>LX</p>
    <img src="../src/images/lx.png">

    <p>全尺寸豪华SUV</p>
    </div>
    <hr>
    <div class="col-xs-3">
    <p>RC</p>
    <img src="../src/images/rc.png">

    <p>中型豪华轿跑车</p>
    </div>
    <div class="col-xs-3">
    <p>RCF</p>
    <img src="../src/images/rcf.png">

    <p>中型高性能豪华轿跑车</p>
    </div>
    </div>
    <div class="col-xs-5">
    <div class="col-xs-12">
    <img src="../src/images/dropdownmenu-1-1.jpg">
    </div>
    <div class="col-xs-6"><img src="../src/images/dropdownmenu-1-2.jpg"></div>
    <div class="col-xs-6"><img src="../src/images/dropdownmenu-1-3.jpg"></div>
    </div>
    </div>
    </li>
    <li class="nav-tab">
    <a href="./brand.html">品牌天地</a>

    <div class="nav-dropdown brand">
    <div class="col-xs-5">
    <div class="row">
    <ul>
    <li><a href="">品牌历史</a></li>
    <li><a href="">匠人匠心</a></li>
    <li><a href="">设计理念</a></li>
    <li><a href="">环保理念</a></li>
    <li><a href="">概念车</a></li>
    <li><a href="">全球品牌活动</a></li>
    </ul>
    <ul class="activity">
    <li><a href="">雷克萨斯品牌杂志BEYOND BY LEXUS</a></li>
    <li><a href="">雷克萨斯全球品牌广告</a></li>
    <li><a href="">雷克萨斯全球设计大奖</a></li>
    <li><a href="">雷克萨斯品牌体验空间INTERECT</a></li>
    <li><a href="">雷克萨斯全球微电影</a></li>
    </ul>
    </div>
    </div>
    <div class="col-xs-7">
    <div class="row">
    <p class="brand-title">品牌历史</p>

    <p>“矢志不渝,追求完美”的初心,将伴随雷克萨斯奏响崭新乐章。</p>
    <img src="../src/images/brand.jpg">
    </div>
    </div>
    </div>
    </li>
    <li class="nav-tab">
    <a href="./science.html">全混动科技</a>

    <div class="nav-dropdown science">
    <div class="col-xs-5">
    <h3>全混动科技</h3>
    </div>
    <div class="col-xs-7">
    <div class="row">
    <p class="science-title">全混动科技</p>

    <p>雷克萨斯全混动科技为重现天空之净做不容辞。</p>
    <img src="../src/images/science.jpg">
    </div>
    </div>
    </div>
    </li>
    <li class="nav-tab">
    <a href="./property.html">F高性能系列</a>

    <div class="nav-dropdown property">
    <div class="col-xs-5">
    <h3>F高性能系列</h3>
    </div>
    <div class="col-xs-7">
    <div class="row">
    <p class="property-title">F高性能系列</p>

    <p>F的精神,由赛道传奇延续至平素驾控。无论何时何地,酣畅的驾控快感从无休止。</p>
    <img src="../src/images/property.jpg">
    </div>
    </div>
    </div>
    </li>
    <li class="nav-tab">
    <a href="./service.html">车主服务</a>

    <div class="nav-dropdown service">
    <div class="col-xs-5">
    <ul>
    <li><a href="">售后服务</a></li>
    <li><a href="">e-LEXUS CLUE智能手机应用</a></li>
    <li><a href="">雷克萨斯智能副驾G-BOOK</a></li>
    <li><a href="">雷克萨斯精品</a></li>
    </ul>
    </div>
    <div class="col-xs-7">
    <div class="row">
    <p class="service-title">售后服务</p>

    <p>雷克萨斯售后服务,全心投入,只为您全心满意。</p>
    <img src="../src/images/service.jpg">
    </div>
    </div>
    </div>
    </li>
    <li class="nav-tab">
    <a href="./news.html">新闻资讯</a>

    <div class="nav-dropdown news">
    <div class="col-xs-5">
    <h3>新闻资讯</h3>
    </div>
    <div class="col-xs-7">
    <div class="row">
    <p class="news-title">新闻资讯</p>

    <p>在这里您可以浏览关于雷克萨斯的所有资讯及优惠活动。</p>
    <img src="../src/images/news.jpg">
    </div>
    </div>
    </div>
    </li>
    <li class="nav-tab"><a href="./Dealer.html">查询经销商</a></li>
    <li class="nav-tab"><a href="TestDrive.html">预约试驾</a></li>
    </ul>
    <div class="nav-li">
    <hr class="navli-1">
    <hr class="navli-3">
    <hr class="navli-2">
    </div>
    <i class="icon glyphicon glyphicon-star-empty"></i>

    <div class="collect">
    <p>收藏夹</p>

    <p>没有收藏</p>
    </div>
    <div class="nav-box"></div>
    <div class="ul-dropdown">
    <div class="container">
    <ul class="ullist">
    <li><a href="./choice.html">车型总览</a></li>
    <li><a href="./brand.html">品牌天地</a></li>
    <li><a href="./science.html">全混动科技</a></li>
    <li><a href="./property.html">F高性能系列</a></li>
    <li><a href="./service.html">车主服务</a></li>
    <li><a href="./news.html">新闻资讯</a></li>
    <li><a href="./Dealer.html">查询经销商</a></li>
    <li><a href="./TestDrive.html">预约试驾</a></li>
    </ul>
    </div>
    </div>
    </nav>

    <div class="MapAside">
    <h2 class="col-md-12 col-xs-12 text-center">经销商查询</h2>

    <div class="container">
    <div class="col-md-12 col-xs-12 MapAsideMap">
    <!--导航-->
    <div class="col-md-3 col-xs-12">
    <form action="">
    <div class="col-md-12 col-xs-12 margin-bottom">
    <!--全部经销商-->
    <div class="form-group">
    <select name="Type"

    ng-init="Type=TypeList[0].id"
    class="form-control"
    ng-model="Type"
    ng-options="Type.id as Type.name for Type in TypeList">
    <!--<option value="" ng-selected="">&#45;&#45;选择经销商&#45;&#45;</option>-->
    </select>
    </div>
    <!--选择省份-->
    <div class="form-group">
    <select name="province" class="form-control" ng-model="Porv"
    ng-init="Porv=PorvList[1].id"
    ng-options="info.id as info.name for info in PorvList|filter:{'parent':Type}:true">
    <option value="">--选择省份--</option>
    </select>
    </div>
    <!--选择城市-->
    <div class="form-group">
    <select name="city" class="form-control city" ng-model="City"
    ng-init="City=CityList[1].value"
    ng-options="cou.value as cou.name for cou in CityList|filter:{'parent':Porv}:true"
    ng-change="change()">
    <option value="">--选择城市--</option>
    </select>
    </div>

    <!--搜索不到-->
    <div class="form-group">
    <p class="search-text pull-right">
    <span>搜索不到?</span></p>

    <div class="search-type-box">
    <input type="text" class="form-control" placeholder="输入关键字查询">
    <!--<span class="glyphicon glyphicon-search seach-icon"></span>-->
    </div>


    </div>
    <!--经销商列表-->
    <div class="MapList">
    <h4>经销商列表</h4>
    <ul class="form-group">
    <li class="map-li" ng-repeat="ii in DistributorS|filter:{'value':City}:true">
    {{ii.name}}
    </li>
    </ul>
    </div>
    </div>
    </form>
    </div>
    <!--地图-->
    <div class="col-md-9 col-xs-12 BMapMaskA">
    <div id="allmap" class="BMapMask">

    </div>
    </div>
    </div>
    </div>
    </div>

    <div class="container md-hidden md-hidden-sec">
    <div class="row">
    <div class="container">

    <div class="col-md-2">
    <dl>
    <dt class="col-md-12"><a href="">车型总览</a></dt>
    <dd class="col-md-4"><a href="">CT</a></dd>
    <dd class="col-md-8"><a href="">GX</a></dd>
    <dd class="col-md-4"><a href="">IS</a></dd>
    <dd class="col-md-8"><a href="">LX</a></dd>
    <dd class="col-md-4"><a href="">ES</a></dd>
    <dd class="col-md-8"><a href="">RC</a></dd>
    <dd class="col-md-4"><a href="">GS</a></dd>
    <dd class="col-md-8"><a href="">RCF</a></dd>
    <dd class="col-md-4"><a href="">LS</a></dd>
    <dd class="col-md-8"><a href="">车型筛选</a></dd>
    <dd class="col-md-4"><a href="">NX</a></dd>
    <dd class="col-md-8"><a href="">新车预告</a></dd>
    <dd class="col-md-4"><a href="">RX</a></dd>
    <dd class="col-md-8"><a href="">金融服务</a></dd>
    </dl>
    </div>
    <div class="col-md-2">
    <dl>
    <dt><a href="">品牌天地</a></dt>
    <dd><a href="">品牌历史</a></dd>
    <dd><a href="">匠人匠心</a></dd>
    <dd><a href="">设计理念</a></dd>
    <dd><a href="">环保理念</a></dd>
    <dd><a href="">概念车</a></dd>
    <dd><a href="">雷克萨斯品牌杂志<br>BEYOND BY LEXUS</a></dd>
    <dd><a href="">雷克萨斯全球品牌广告</a></dd>
    <dd><a href="">雷克萨斯全球设计大奖</a></dd>
    <dd><a href="">雷克萨斯品牌体验空间<br>INTERSECT</a></dd>
    <dd><a href="">雷克萨斯全球微电影</a></dd>
    </dl>
    </div>
    <div class="col-md-2">
    <dl>
    <dt><a href="">全混动科技</a></dt>
    <dd><a href="">全混动科技</a></dd>
    </dl>
    </div>
    <div class="col-md-2">
    <dl>
    <dt><a href="">F高性能系列</a></dt>
    <dd><a href="">F高性能系列</a></dd>
    </dl>
    </div>
    <div class="col-md-2">
    <dl>
    <dt><a href="">车主服务</a></dt>
    <dd><a href="">售后服务</a></dd>
    <dd><a href="">雷克萨斯智能副驾<br>G-BOOK</a></dd>
    <dd><a href="">雷克萨斯精品</a></dd>
    </dl>
    </div>
    <div class="col-md-2">
    <dl>
    <dt><a href="">新闻资讯</a></dt>
    <dd><a href="">新闻资讯</a></dd>
    </dl>
    </div>

    </div>

    </div>
    </div>
    <footer>
    <div class="container">
    <div class="row">
    <div class="footer-h">
    <ul>
    <li><a href="">网站地图</a></li>
    <li><a href="">认证二手车</a></li>
    <li><a href="">e-LEXUS CLUB</a></li>
    <li><a href="">经销商招募</a></li>
    <li><a href="">人才招聘</a></li>
    <li><a href="">联系我们</a></li>
    <li><a href="">法律声明</a></li>
    <li><a href="">全球网站</a></li>
    </ul>
    </div>
    <div class="md-hidden footer-s">
    <ul>
    <li class="xinlang-down">
    <div class="img-xinlang"><img src="../src/images/champion_kv_xl.png" width="142px" alt=""/></div>
    <span class="xinlang"></span>
    </li>
    <li class="weixin-down">
    <div class="img-weixin"><img src="../src/images/champion_kv_qr.png" alt=""/></div>
    <span class="weixin"></span>
    </li>
    </ul>
    </div>
    </div>
    <div class="md-hidden row md-hidden-last">
    <p><a>&copy 2005-2016 雷克萨斯中国</a><span class="division"></span><a>丰田汽车(中国)投资有限公司</a></p>

    <p><a href="">京ICP备11010962</a><span class="division"></span><a href=""><span
    class="beian"></span>京公网安备11010502030819</a></p>

    </div>
    <div class="md-block row md-block-last">
    <p><a>&copy 2005-2016 雷克萨斯中国</a><br/><a>丰田汽车(中国)投资有限公司</a></p>

    <div>
    <ul>
    <li class="hover-xl"><span class="xinlang"></span></li>
    <li class="hover-wx"><span class="weixin"></span></li>
    <li class="hover-gz"><span class="gongzhong"></span></li>
    </ul>
    </div>

    <p><a href=""><span class="beian"></span>京公网安备11010502030819</a></p>

    </div>
    </div>
    </footer>
    <span class="return-top" onclick="GoTop()">
    <i class="glyphicon glyphicon-chevron-up"></i>
    </span>
    <script type="text/javascript">

    </script>
    </body>
    </html>

  • 相关阅读:
    Android 中的 Service 全面总结
    数据库事务
    ADB server didn't ACK
    Eclipse中10个最有用的快捷键组合
    IoC框架
    Wifi相关的操作
    Hibernate generator小结
    不朽的青春
    JSCPC 2020 摸鱼记
    CCPC 2020 秦皇岛站 H题
  • 原文地址:https://www.cnblogs.com/honghaitao/p/6202322.html
Copyright © 2011-2022 走看看