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>

原文地址:https://www.cnblogs.com/honghaitao/p/6202322.html