bmy/CompanyProject
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 01:32:49 +08:00
commit 28ebe05a64
7399 changed files with 1174529 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

376
衣莎项目/源码/衣莎官网源码/distribution.html Normal file
View File

@@ -0,0 +1,376 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>门店分布</title>
<link rel="stylesheet" href="./css/page/distribution.css">
</head>
<body>
<!-- 头部start -->
<header>
<div class="header flex-con1">
<div class="logo flex-con2">
<img src="./img/logo1.png" alt="" srcset="">
<img src="./img/logo2.png" alt="" srcset="">
</div>
<div class="menu">
<ul>
<li>
<a class="a" href="./index.html">首页</a>
</li>
<li>
<a class="a" href="./aboutIsa.html">关于伊莎</a>
<section class="nav-item nav-menu">
<section><a href="./aboutIsa.html?id=0">品牌理念</a></section>
<section><a href="./aboutIsa.html?id=1">发展历程</a></section>
<section><a href="./aboutIsa.html?id=2">企业生态</a></section>
<section><a href="./aboutIsa.html?id=3">荣誉客户</a></section>
</section>
</li>
<li>
<a class="a" href="./products.html">产品与服务</a>
<section class="nav-item nav-menu">
<section><a href="./products.html?id=0">服务范围</a></section>
<section><a href="./products.html?id=1">品质管控</a></section>
<section><a href="./products.html?id=2">团体洗衣</a></section>
<section><a href="./products.html?id=3">我要洗衣</a></section>
</section>
</li>
<li class="nav-item liactive">
<a class="a" href="./distribution.html">门店分布</a>
</li>
<li>
<a class="a" href="./Join.html">招商加盟</a>
<section class="nav-item nav-menu">
<section><a href="./Join.html?id=0">加盟优势</a></section>
<section><a href="./Join.html?id=1">加盟流程</a></section>
<section><a href="./Join.html?id=2">我要加盟</a></section>
</section>
</li>
<li>
<a class="a" href="./news.html">媒体中心</a>
<section class="nav-item nav-menu">
<section><a href="./news.html?id=0">公司动态</a></section>
<section><a href="./news.html?id=1">通知公告</a></section>
<section><a href="./news.html?id=2">行业资讯</a></section>
</section>
</li>
<li>
<a class="a" href="./joinIsa.html">加入伊莎</a>
<section class="nav-item nav-menu">
<section><a href="./joinIsa.html?id=0">关于我们</a></section>
<section><a href="./joinIsa.html?id=1">团队风采</a></section>
<section><a href="./joinIsa.html?id=2">加入我们</a></section>
</section>
</li>
<li>
<a class="a" href="./contactus.html">联系我们</a>
</li>
</ul>
</div>
</div>
<div class="wheel">
<div id="allmap"></div>
</div>
</header>
<!-- 头部end -->
<!-- 内容start -->
<div class="main">
<div class="row b7">
<div class="products rowp">
<div class="title wow fadeInUp">
<h4>伊莎洗衣门店</h4>
<p>Isa's Laundry</p>
</div>
<div class="dis-cen">
<!-- 主要内容 -->
<div class="dis-row">
<h4 class="wow fadeInUp">“庐阳区”</h4>
<ul class="disul">
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="dis-row">
<h4 class="wow fadeInUp">“庐阳区”</h4>
<ul class="disul">
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="dis-row">
<h4 class="wow fadeInUp">“庐阳区”</h4>
<ul class="disul">
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="dis-row">
<h4 class="wow fadeInUp">“庐阳区”</h4>
<ul class="disul">
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店1</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店2</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话：62602756</p>
<p>地址：舒城路2号红府超市入口处</p>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
<!-- 主要内容结束 -->
</div>
</div>
</div>
<div class="row b7">
<div class="conus rowp">
<div class="title wow fadeInUp">
<h4>联系我们</h4>
</div>
<div class="conus-cen">
<div class="wxh flex-con2 wow fadeInUp" data-wow-delay=".2s">
<div>
<img src="./img/asdasdafa.png" alt="" srcset="">
<p>扫一扫加官网微信</p>
</div>
</div>
<div class="us wow fadeInUp" data-wow-delay=".3s">
<div class="us-p">
<p>服务热线:</p>
<span>400-0551-071</span>
</div>
<div class="us-p">
<p>在线时间：</p>
<p>周一至周六8:30-17:30</p>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- 内容end -->
<!-- 尾部 -->
<footer>
<div class="footer">
<div class="dizi">
<p class="clamp1">公司地址：合肥市黄山路436号盛景国际大厦五层</p>
<p class="clamp1">© 2018 Copyright By Cirda Foundation 合肥伊尔萨洗衣服务有限公司 版权所有 皖ICP备09029122号-2</p>
</div>
<div class="logof">
<img src="./img/logo3.png" alt="" srcset="">
</div>
</div>
</footer>
<!-- 尾部end -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript"
src="http://api.map.baidu.com/api?v=3.0&ak=kELyXum7vuSMm2QT7KX98VFC6O4GVhDi"></script>
<script src="./js/wow.js"></script>
<script>
if (!(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent))) { //移动端
// 页面滚动时动画显示模块
$(document).ready(function () {
var wow = new WOW(
{
boxClass: 'wow', // animated element css class (default is wow)
animateClass: 'animated', // animation css class (default is animated)
offset: 0, // distance to the element when triggering the animation (default is 0)
mobile: true, // trigger animations on mobile devices (default is true)
live: true, // act on asynchronously loaded content (default is true)
callback: function (box) {
// the callback is fired every time an animation is started
// the argument that is passed in is the DOM node being animated
},
crollContainer: null // optional scroll container selector, otherwise use window
}
);
wow.init();
});
}
// 调用百度地图api
// lat纬度 ， lon经度 ， title标题 ， conten内容
function maps(option) {
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(option.lat, option.lon);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker);
map.centerAndZoom(point, 15);
map.enableScrollWheelZoom();
var opts = {
width: 200, // 信息窗口宽度
height: 100, // 信息窗口高度
title: option.title, // 信息窗口标题
enableMessage: true//设置允许信息窗发送短息
}
var infoWindow = new BMap.InfoWindow('内容:' + option.conten, opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, point);//默认开启
marker.addEventListener("click", function () {
map.openInfoWindow(infoWindow, point); //开启信息窗口
});
}
maps({ lat: 116.3964, lon: 39.9093, title: "海底捞王府井店", conten: "我是内容啊啊啊啊" })
// 点击的时候获取经度纬度和标题内容填充到地图中再回到顶部
$(".disul li").click(function () {
var lat = $(this).data("lat")
var lon = $(this).data("lon")
var h5 = $(this).find("h5")[0].innerText
var p = $(this).find("p")[1].innerText
maps({
lat: lat,
lon: lon,
title: h5,
conten: p
})
window.scrollTo(0, 0)
})
</script>
</body>
</html>