first commit
1
衣莎项目/源码/衣莎官网源码/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
59911dfe-9207-49e6-8d9f-5921afe88709
|
||||
334
衣莎项目/源码/衣莎官网源码/Join.html
Normal file
@@ -0,0 +1,334 @@
|
||||
<!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/aboutIsa.css">
|
||||
<link rel="stylesheet" href="./css/page/Join.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>
|
||||
<a class="a" href="./distribution.html">门店分布</a>
|
||||
</li>
|
||||
<li class="nav-item liactive">
|
||||
<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 comm-topact">
|
||||
<img src="./img/qwtgryjrthjer.png" class="topact-big-img" alt="" srcset="">
|
||||
</div>
|
||||
</header>
|
||||
<!-- 头部end -->
|
||||
|
||||
<!-- 内容start -->
|
||||
<div class="mian">
|
||||
<div class="about-title" id="at">
|
||||
<div class="atitle-cen">
|
||||
<ul>
|
||||
<li class="alitivce">加盟优势</li>
|
||||
<li>加盟流程</li>
|
||||
<li>我要加盟</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="join-cen">
|
||||
<div id="type-cen">
|
||||
<div class="typec joining">
|
||||
<div class="row while rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>加盟优势</h4>
|
||||
<p>Joining Advantage</p>
|
||||
</div>
|
||||
<div class="joining-title wow fadeInUp">
|
||||
<h5>“加盟伊莎洗衣 实现合作共赢”</h5>
|
||||
<p>新手选项目 看行业 "钱" 景</p>
|
||||
</div>
|
||||
<div class="joining-img">
|
||||
<div class="jimg">
|
||||
<div class="jimg-l wow fadeInUp" data-wow-delay=".1s">
|
||||
<img src="./img/sadeghwr.png" class="img" alt="" srcset="">
|
||||
</div>
|
||||
<div class="jimg-r flex-con2 wow fadeInUp" data-wow-delay=".2s">
|
||||
<div class="jimg-text">
|
||||
<h5>品牌优势</h5>
|
||||
<span></span>
|
||||
<div>
|
||||
<ul>
|
||||
<li>立足合肥,专注洗衣十八年,有30家连锁店管理经验</li>
|
||||
<li>几十家团体合作客户和超过十万优质会员的信赖选择</li>
|
||||
<li>采用全新的“互联网+中央洗衣工厂+洗衣门店”运营模式</li>
|
||||
<li>移动微信端、门店PC端同步启用,全城网络覆盖</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="jimg">
|
||||
<div class="jimg-l wow fadeInUp" data-wow-delay=".1s">
|
||||
<img src="./img/sadeghwr.png" class="img" alt="" srcset="">
|
||||
</div>
|
||||
<div class="jimg-r flex-con2 wow fadeInUp" data-wow-delay=".2s">
|
||||
<div class="jimg-text">
|
||||
<h5>品牌优势</h5>
|
||||
<span></span>
|
||||
<div>
|
||||
<ul>
|
||||
<li>立足合肥,专注洗衣十八年,有30家连锁店管理经验</li>
|
||||
<li>几十家团体合作客户和超过十万优质会员的信赖选择</li>
|
||||
<li>采用全新的“互联网+中央洗衣工厂+洗衣门店”运营模式</li>
|
||||
<li>移动微信端、门店PC端同步启用,全城网络覆盖</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="jimg">
|
||||
<div class="jimg-l wow fadeInUp" data-wow-delay=".1s">
|
||||
<img src="./img/sadeghwr.png" class="img" alt="" srcset="">
|
||||
</div>
|
||||
<div class="jimg-r flex-con2 wow fadeInUp" data-wow-delay=".2s">
|
||||
<div class="jimg-text">
|
||||
<h5>品牌优势</h5>
|
||||
<span></span>
|
||||
<div>
|
||||
<ul>
|
||||
<li>立足合肥,专注洗衣十八年,有30家连锁店管理经验</li>
|
||||
<li>几十家团体合作客户和超过十万优质会员的信赖选择</li>
|
||||
<li>采用全新的“互联网+中央洗衣工厂+洗衣门店”运营模式</li>
|
||||
<li>移动微信端、门店PC端同步启用,全城网络覆盖</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="join_info">
|
||||
<div class="joinfo_t">
|
||||
<h5 class="wow fadeInUp">“O2O+门店+洗衣工厂”</h5>
|
||||
<div class="joinfo_p">
|
||||
<ul class="flex-con1">
|
||||
<li class="bigLi wow fadeInUp" data-wow-delay=".1s">
|
||||
<img src="./img/asdasdad.png" class="somImg" alt="" srcset="">
|
||||
<p>一键下单 方便快捷</p>
|
||||
</li>
|
||||
<li class="bigLi wow fadeInUp" data-wow-delay=".2s">
|
||||
<img src="./img/asdasdad.png" class="somImg" alt="" srcset="">
|
||||
<p>全部直营店 洗衣更方便</p>
|
||||
</li>
|
||||
<li class="bigLi wow fadeInUp" data-wow-delay=".3s">
|
||||
<img src="./img/asdasdad.png" class="somImg" alt="" srcset="">
|
||||
<p>工厂洗护 专业品质</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="typec process">
|
||||
<div class="row while rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>加盟流程</h4>
|
||||
<p>Joining process</p>
|
||||
</div>
|
||||
<div class="process-cen wow fadeInUp">
|
||||
<img src="./img/uityhtrthr.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="process-p wow fadeInUp">
|
||||
<h2>无需投资洗涤设备,1万元即可开店!</h2>
|
||||
<div class="process-p1">
|
||||
<p>加盟热线:<span>400-0551-071</span></p>
|
||||
<p>招商总监:<span>13965102219</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="typec myjoin">
|
||||
<div class="row rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4 class="while100">我要加盟</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="myjoin-cen wow fadeInUp">
|
||||
<div class="myFrom flex-con3">
|
||||
<div class="fromImg">
|
||||
<img src="./img/icon/1.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="fromInput">
|
||||
<input type="text" placeholder="姓名">
|
||||
</div>
|
||||
</div>
|
||||
<div class="myFrom flex-con3">
|
||||
<div class="fromImg">
|
||||
<img src="./img/icon/2.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="fromInput">
|
||||
<input type="text" placeholder="电话">
|
||||
</div>
|
||||
</div>
|
||||
<div class="myFrom flex-con3">
|
||||
<div class="fromImg">
|
||||
<img src="./img/icon/3.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="fromInput">
|
||||
<input type="text" placeholder="地址">
|
||||
</div>
|
||||
</div>
|
||||
<div class="fromText">
|
||||
<div class="fromImg">
|
||||
<img src="./img/icon/4.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="fromTem">
|
||||
<textarea name="" id="" cols="30" rows="10" placeholder="请输入您想咨询的问题"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="goButton">提交</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>
|
||||
</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 src="./js/pubilc.js"></script>
|
||||
<script src="./js/wow.js"></script>
|
||||
<script src="./js/util.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();
|
||||
});
|
||||
}
|
||||
// 获取URL参数 可以获得路径参数
|
||||
if (!!getQueryString("id")) {
|
||||
var index = getQueryString("id")
|
||||
$(".atitle-cen ul li.alitivce").removeClass("alitivce")
|
||||
$(".atitle-cen ul li").eq(index).addClass("alitivce")
|
||||
$(".types.newsActive").removeClass("newsActive")
|
||||
$(".types").eq(index).addClass("newsActive")
|
||||
window.scrollTo(0, $(".typec").eq(index).offset().top - 100);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
441
衣莎项目/源码/衣莎官网源码/aboutIsa.html
Normal file
@@ -0,0 +1,441 @@
|
||||
<!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="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/page/aboutIsa.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 class="nav-item liactive">
|
||||
<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>
|
||||
<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 comm-topact">
|
||||
<img src="./img/terjergwegf.png" class="topact-big-img" alt="" srcset="">
|
||||
</div>
|
||||
</header>
|
||||
<!-- 头部end -->
|
||||
<!-- 主体内容start -->
|
||||
<div class="mian">
|
||||
<div class="about-title" id="at">
|
||||
<div class="atitle-cen">
|
||||
<ul>
|
||||
<li class="alitivce">品牌理念</li>
|
||||
<li>发展历程</li>
|
||||
<li>企业生态</li>
|
||||
<li>荣誉客户</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="type-cen">
|
||||
<div class="brand typec">
|
||||
<div class="row while rowl">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>品牌理念</h4>
|
||||
<p>Brand Idea</p>
|
||||
</div>
|
||||
<div class="brand-cen">
|
||||
<h4 class="wow fadeInUp">“用心服务 品质生活”</h4>
|
||||
<div class="brand-p wow fadeInUp">
|
||||
<p>伊莎洗衣,是合肥伊尔萨洗衣服务有限公司旗下直营品牌,作为意大利伊尔萨家族的成员,成立于2001年9月,</p>
|
||||
<p>是合肥首家国际连锁洗衣公司</p>
|
||||
</div>
|
||||
<div class="brand-p wow fadeInUp">
|
||||
<p>作为省政府招商引资合作单位,率先为省政府办公厅提供后勤洗衣服务。公司软硬件设施的配置秉承了伊莎时尚洗衣“优质环保”的一贯主旨,并将世界先进的技术设备、科学的管理模式及完善的服务体系融为一体。
|
||||
</p>
|
||||
<p>开创了合肥高端连锁洗衣服务的先河</p>
|
||||
</div>
|
||||
<div class="brand-p wow fadeInUp">
|
||||
<p>伊莎连锁洗衣,深耕合肥十八载,拥有30多家连锁门店、大型智能洗衣工厂、线上洗护平台,服务超10万多合肥高品质家庭用户和60多家团体企事业单位。</p>
|
||||
<p>现如今已成为安徽洗衣领先品牌</p>
|
||||
</div>
|
||||
<div class="brand-p wow fadeInUp">
|
||||
<p>2019年公司开启加盟模式,计划在合肥开设超100家连锁门店,与合肥洗衣界友商共同努力。</p>
|
||||
<p>为合肥每一个家庭提供更好的高品质洗衣服务</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="his typec">
|
||||
<div class="row while rowl">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>发展历程</h4>
|
||||
<p>Development History</p>
|
||||
</div>
|
||||
<div class="his-cen">
|
||||
<ul class="his-ul">
|
||||
<li class="his-li flex-con1 wow fadeInUp">
|
||||
<div class="histli-l">
|
||||
<img src="./img/banner1.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="histli-c flex-con3">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="histli-r flex-con3">
|
||||
<div>
|
||||
<h4>2001年10月</h4>
|
||||
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="his-li flex-con1 wow fadeInUp">
|
||||
<div class="histli-r flex-con3">
|
||||
<div>
|
||||
<h4>2001年10月</h4>
|
||||
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="histli-c flex-con3">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="histli-l">
|
||||
<img src="./img/banner1.png" alt="" srcset="">
|
||||
</div>
|
||||
</li>
|
||||
<li class="his-li flex-con1 wow fadeInUp">
|
||||
<div class="histli-l">
|
||||
<img src="./img/banner1.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="histli-c flex-con3">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="histli-r flex-con3">
|
||||
<div>
|
||||
<h4>2001年10月</h4>
|
||||
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="his-li flex-con1 wow fadeInUp">
|
||||
<div class="histli-r flex-con3">
|
||||
<div>
|
||||
<h4>2001年10月</h4>
|
||||
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="histli-c flex-con3">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="histli-l">
|
||||
<img src="./img/banner1.png" alt="" srcset="">
|
||||
</div>
|
||||
</li>
|
||||
<li class="his-li flex-con1 wow fadeInUp">
|
||||
<div class="histli-l">
|
||||
<img src="./img/banner1.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="histli-c flex-con3">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="histli-r flex-con3">
|
||||
<div>
|
||||
<h4>2001年10月</h4>
|
||||
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="his-li flex-con1 wow fadeInUp">
|
||||
<div class="histli-r flex-con3">
|
||||
<div>
|
||||
<h4>2001年10月</h4>
|
||||
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="histli-c flex-con3">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="histli-l">
|
||||
<img src="./img/banner1.png" alt="" srcset="">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="eco typec">
|
||||
<div class="row while rowl">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>企业生态</h4>
|
||||
<p>Enterprise Ecology</p>
|
||||
</div>
|
||||
<h4 class="ecoh4 wow fadeInUp">“多产业布局,只为提供更美好的生活”</h4>
|
||||
<div class="eco-cen">
|
||||
<ul>
|
||||
<li class="wow fadeInUp" data-wow-delay=".1s">
|
||||
<img src="./img/banner1.png" class="img" alt="" srcset="">
|
||||
<div class="ecoli flex-con3">
|
||||
<div>
|
||||
<div class="eco-span">伊莎洗衣</div>
|
||||
<p class="eco-p">“立足合肥,专注洗衣十八年有30家连锁店管理经验, 几十家团体合作客户超过十万优质会员的信赖选择”</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".2s">
|
||||
<img src="./img/banner1.png" class="img" alt="" srcset="">
|
||||
<div class="ecoli flex-con3">
|
||||
<div>
|
||||
<div class="eco-span">伊莎洗衣</div>
|
||||
<p class="eco-p">“立足合肥,专注洗衣十八年有30家连锁店管理经验, 几十家团体合作客户超过十万优质会员的信赖选择”</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".3s">
|
||||
<img src="./img/banner1.png" class="img" alt="" srcset="">
|
||||
<div class="ecoli flex-con3">
|
||||
<div>
|
||||
<div class="eco-span">伊莎洗衣</div>
|
||||
<p class="eco-p">“立足合肥,专注洗衣十八年有30家连锁店管理经验, 几十家团体合作客户超过十万优质会员的信赖选择”</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".4s">
|
||||
<img src="./img/banner1.png" class="img" alt="" srcset="">
|
||||
<div class="ecoli flex-con3">
|
||||
<div>
|
||||
<div class="eco-span">伊莎洗衣</div>
|
||||
<p class="eco-p">“立足合肥,专注洗衣十八年有30家连锁店管理经验, 几十家团体合作客户超过十万优质会员的信赖选择”</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".5s">
|
||||
<img src="./img/banner1.png" class="img" alt="" srcset="">
|
||||
<div class="ecoli flex-con3">
|
||||
<div>
|
||||
<div class="eco-span">伊莎洗衣</div>
|
||||
<p class="eco-p">“立足合肥,专注洗衣十八年有30家连锁店管理经验, 几十家团体合作客户超过十万优质会员的信赖选择”</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cust typec">
|
||||
<div class="row while rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>荣誉客户</h4>
|
||||
<p>Honorary customers</p>
|
||||
</div>
|
||||
<div class="cust-cen">
|
||||
<ul>
|
||||
<li class="wow fadeInUp" data-wow-delay=".1s">
|
||||
<img src="./img/logo/asg5et.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".2s">
|
||||
<img src="./img/logo/thrthr.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".3s">
|
||||
<img src="./img/logo/asdas.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".4s">
|
||||
<img src="./img/logo/qwdqdw.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".5s">
|
||||
<img src="./img/logo/lkjef.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".6s">
|
||||
<img src="./img/logo/kuku.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".7s">
|
||||
<img src="./img/logo/gnsdc.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".8s">
|
||||
<img src="./img/logo/tyhgfrf.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".9s">
|
||||
<img src="./img/logo/sadasdhty.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="1s">
|
||||
<img src="./img/logo/cvdcvd.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="1.1s">
|
||||
<img src="./img/logo/iliukm.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="1.2s">
|
||||
<img src="./img/logo/xcvzxczxc.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="1.3s">
|
||||
<img src="./img/logo/kikjyuty.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="1.4s">
|
||||
<img src="./img/logo/okmjmnyu.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="1.5s">
|
||||
<img src="./img/logo/zpoi.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="1.6s">
|
||||
<img src="./img/logo/zxcpoiui.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="1.7s">
|
||||
<img src="./img/logo/zxcer.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="1.8s">
|
||||
<img src="./img/logo/yhbffr.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="1.9s">
|
||||
<img src="./img/logo/qpiut.png" alt="" srcset="">
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="2s">
|
||||
<img src="./img/logo/asdcwree.png" alt="" srcset="">
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</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 src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/js/swiper.min.js"></script>
|
||||
<script src="./js/wow.js"></script>
|
||||
<script src="./js/pubilc.js"></script>
|
||||
<script src="./js/util.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();
|
||||
});
|
||||
}
|
||||
// 轮播
|
||||
var mySwiper = new Swiper('.swiper-container', {
|
||||
autoplay: true,//可选选项,自动滑动
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
})
|
||||
// 获取URL参数 可以获得路径参数
|
||||
if (!!getQueryString("id")) {
|
||||
var index = getQueryString("id")
|
||||
$(".atitle-cen ul li.alitivce").removeClass("alitivce")
|
||||
$(".atitle-cen ul li").eq(index).addClass("alitivce")
|
||||
$(".types.newsActive").removeClass("newsActive")
|
||||
$(".types").eq(index).addClass("newsActive")
|
||||
window.scrollTo(0, $(".typec").eq(index).offset().top - 100);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
219
衣莎项目/源码/衣莎官网源码/contactus.html
Normal file
@@ -0,0 +1,219 @@
|
||||
<!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/contactus.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>
|
||||
<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 class="nav-item liactive">
|
||||
<a class="a" href="./contactus.html">联系我们</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wheel comm-topact">
|
||||
<img src="./img/lxwm.jpg" class="topact-big-img" alt="" srcset="">
|
||||
</div>
|
||||
</header>
|
||||
<!-- 头部end -->
|
||||
|
||||
<!-- 内容 -->
|
||||
<div class="main">
|
||||
<div class="contactus">
|
||||
<div class="contactus-l">
|
||||
<h3 class="wow fadeInUp">伊莎洗衣</h3>
|
||||
<div class="contactus-text wow fadeInUp">
|
||||
<p>公 司:合肥伊尔萨洗衣服务有限公司</p>
|
||||
<p>邮 编:231200</p>
|
||||
<p>公司地址:合肥市黄山路436号盛景国际大厦五层</p>
|
||||
<p>工厂地址:合肥市蜀山区经开区天都路与丹霞路交口34号农校产业对接园内</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contactus-r wow fadeInUp">
|
||||
<ul class="contactusul flex-con1">
|
||||
<li>
|
||||
<div class="contli-img">
|
||||
<img src="./img/asdasdafa.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>微信公众号</p>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contli-img">
|
||||
<img src="./img/asdasd.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>伊莎洗衣小程序</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="map wow fadeInUp">
|
||||
<div id="allmap"></div>
|
||||
</div>
|
||||
<div class="row while">
|
||||
<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 -->
|
||||
<!-- 尾部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
|
||||
map = new BMap.Map("allmap");
|
||||
map.enableScrollWheelZoom();
|
||||
map.centerAndZoom(new BMap.Point(117.28269909, 31.86694226), 10);
|
||||
var data_info = [[117.28269909, 31.86694226, "地址:合肥市黄山路436号盛景国际大厦五层"],
|
||||
[117.246966, 31.770767, "地址:合肥市蜀山区经开区天都路与丹霞路交口34号农校产业对接园内"]
|
||||
];
|
||||
var opts = {
|
||||
width: 250, // 信息窗口宽度
|
||||
height: 80, // 信息窗口高度
|
||||
title: "", // 信息窗口标题
|
||||
enableMessage: true//设置允许信息窗发送短息
|
||||
};
|
||||
for (var i = 0; i < data_info.length; i++) {
|
||||
var marker = new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1])); // 创建标注
|
||||
var content = data_info[i][2];
|
||||
map.addOverlay(marker); // 将标注添加到地图中
|
||||
addClickHandler(content, marker);
|
||||
}
|
||||
function addClickHandler(content, marker) {
|
||||
marker.addEventListener("click", function (e) {
|
||||
openInfo(content, e)
|
||||
}
|
||||
);
|
||||
}
|
||||
function openInfo(content, e) {
|
||||
var p = e.target;
|
||||
var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
|
||||
var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象
|
||||
map.openInfoWindow(infoWindow, point); //开启信息窗口
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
1
衣莎项目/源码/衣莎官网源码/css/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
138c335c-2bc9-4b68-ad39-452c99779a4d
|
||||
1
衣莎项目/源码/衣莎官网源码/css/page/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
b4e79fb3-a541-47ce-8f87-2ff95c0a1615
|
||||
274
衣莎项目/源码/衣莎官网源码/css/page/Join.css
Normal file
@@ -0,0 +1,274 @@
|
||||
@import "../pubilc/_mian.css";
|
||||
|
||||
.wheel{
|
||||
height: 350px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 内容 */
|
||||
.joining-title{
|
||||
margin-top: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
.joining-title h5{
|
||||
font-family: MicrosoftYaHei-Bold;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
font-stretch: normal;
|
||||
line-height: 39px;
|
||||
letter-spacing: 0px;
|
||||
color: #333333;
|
||||
}
|
||||
.joining-title p{
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 39px;
|
||||
letter-spacing: 0px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.joining-img{
|
||||
margin-top: 60px;
|
||||
}
|
||||
.jimg{
|
||||
width: 1190px;
|
||||
margin: 0 auto 80px;
|
||||
}
|
||||
.jimg-l,.jimg-r{
|
||||
width: 50%;
|
||||
height: 410px;
|
||||
float: left;
|
||||
}
|
||||
.jimg:nth-child(2n) .jimg-l,.jimg-r{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.jimg-r{
|
||||
padding-left: 77px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.jimg-text h5{
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 28px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 39px;
|
||||
letter-spacing: 0px;
|
||||
color: #333333;
|
||||
}
|
||||
.jimg-text span{
|
||||
margin-top: 30px;
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
background-color: #28a658;
|
||||
}
|
||||
.jimg-text div{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.jimg-text ul li{
|
||||
margin-left: 20px;
|
||||
box-sizing: border-box;
|
||||
list-style: disc !important;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 45px;
|
||||
letter-spacing: 0px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
|
||||
.joinfo_t h5{
|
||||
text-align: center;
|
||||
font-family: MicrosoftYaHei-Bold;
|
||||
font-size: 22px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 39px;
|
||||
letter-spacing: 0px;
|
||||
color: #333333;
|
||||
}
|
||||
.joinfo_p{
|
||||
width: 1190px;
|
||||
margin: 60px auto 0;
|
||||
}
|
||||
.bigLi{
|
||||
cursor: auto;
|
||||
}
|
||||
.joinfo_p ul{
|
||||
width: 100%;
|
||||
}
|
||||
.joinfo_p ul li{
|
||||
position: relative;
|
||||
width: 380px;
|
||||
height: 365px;
|
||||
overflow: hidden;
|
||||
transform:all .3s;
|
||||
}
|
||||
.joinfo_p ul li img{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.joinfo_p ul li p{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 65px;
|
||||
background-color: #ffffff;
|
||||
opacity: 0.8;
|
||||
font-family: MicrosoftYaHei-Bold;
|
||||
font-size: 22px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 65px;
|
||||
letter-spacing: 0px;
|
||||
color: #333333;
|
||||
}
|
||||
.process-cen{
|
||||
margin-top: 55px;
|
||||
width: 100%;
|
||||
height: 241px;
|
||||
line-height: 241px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
background: url("./../../img/5u3gfeqw.png") no-repeat center;
|
||||
}
|
||||
.process-cen img{
|
||||
vertical-align: middle;
|
||||
}
|
||||
.process-p{
|
||||
margin-top: 98px;
|
||||
}
|
||||
.process-p1{
|
||||
padding: 0 1px;
|
||||
width: 250px;
|
||||
margin: 63px auto 0;
|
||||
}
|
||||
.process-p h2{
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 42px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 39px;
|
||||
letter-spacing: 0px;
|
||||
color: #28a658;
|
||||
text-align: center;
|
||||
}
|
||||
.process-p p{
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
font-stretch: normal;
|
||||
line-height: 39px;
|
||||
letter-spacing: 0px;
|
||||
color: #333333;
|
||||
}
|
||||
/* .process-p p:nth-child(1){
|
||||
|
||||
} */
|
||||
.process-p p span{
|
||||
font-family: MicrosoftYaHei-Bold;
|
||||
font-size: 22px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/* 我要加盟 */
|
||||
.myjoin{
|
||||
height: 685px;
|
||||
width: 100%;
|
||||
background: url("./../../img/ergWGwqefd.png") no-repeat center;
|
||||
}
|
||||
.myjoin-cen{
|
||||
width: 396px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.myFrom{
|
||||
margin-bottom: 20px;
|
||||
width: 396px;
|
||||
height: 49px;
|
||||
background-color: #ffffff;
|
||||
position: relative;
|
||||
}
|
||||
.fromImg{
|
||||
width: 10%;
|
||||
height: 21px;
|
||||
float: left;
|
||||
border-right: 1px #cccccc solid;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.fromInput{
|
||||
width: 90%;
|
||||
height: 21px;
|
||||
float: right;
|
||||
padding: 1px 0 1px 10px;
|
||||
box-sizing: border-box;
|
||||
margin-top: -3px;
|
||||
}
|
||||
.fromInput input{
|
||||
height: 100%;
|
||||
width: 95%;
|
||||
border: 0;
|
||||
outline:none;
|
||||
color: #333333;
|
||||
|
||||
}
|
||||
.fromText{
|
||||
padding-top: 10px;
|
||||
height: 129px;
|
||||
background-color: #ffffff;
|
||||
width: 396px;
|
||||
}
|
||||
.fromTem{
|
||||
width: 90%;
|
||||
height: 120px;
|
||||
float: right;
|
||||
padding: 1px 0 1px 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.fromTem textarea{
|
||||
height: 100%;
|
||||
width: 95%;
|
||||
border: 0;
|
||||
outline:none;
|
||||
color: #333333;
|
||||
resize:none;
|
||||
margin-top: -3px;
|
||||
}
|
||||
.goButton{
|
||||
margin-top: 20px;
|
||||
width: 396px;
|
||||
height: 49px;
|
||||
background-color: #28a658;
|
||||
text-align: center;
|
||||
line-height: 49px;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 19px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
letter-spacing: 0px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.goButton:hover{
|
||||
background-color: #25c060;
|
||||
}
|
||||
.myFrom::before{
|
||||
position: absolute;
|
||||
right: -38px;
|
||||
content: "*";
|
||||
color: red;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
font-size: 24px;
|
||||
}
|
||||
221
衣莎项目/源码/衣莎官网源码/css/page/aboutIsa.css
Normal file
@@ -0,0 +1,221 @@
|
||||
@import "../pubilc/_mian.css";
|
||||
|
||||
.wheel{
|
||||
height: 350px;
|
||||
width: 100%;
|
||||
}
|
||||
/* 主体start */
|
||||
.about-title{
|
||||
width: 100%;
|
||||
padding-bottom: 1px;
|
||||
box-shadow: 1px 2px 12px #ddd;
|
||||
border-bottom: 1px solid #eee;
|
||||
background: #ffffff;
|
||||
}
|
||||
.fixedTab{
|
||||
position: fixed;
|
||||
top:0;
|
||||
z-index: 99999999;
|
||||
}
|
||||
.atitle-cen{
|
||||
width: 1190px;
|
||||
margin: 0 auto;
|
||||
height: 70px;
|
||||
}
|
||||
.atitle-cen ul li{
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
float: left;
|
||||
margin-right: 40px;
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
}
|
||||
.alitivce{
|
||||
width: 80px;
|
||||
height: 70px;
|
||||
color: #25c060 !important;
|
||||
border-bottom: 2px solid #28a658;
|
||||
}
|
||||
.atitle-cen ul li:hover{
|
||||
color: #25c060;
|
||||
}
|
||||
/* 品牌理念 */
|
||||
.brand-cen{
|
||||
margin: 0 auto;
|
||||
margin-top: 60px;
|
||||
width: 810px;
|
||||
}
|
||||
.brand-cen h4{
|
||||
font-size: 22px;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
}
|
||||
.brand-p{
|
||||
margin-top: 50px;
|
||||
}
|
||||
.brand-p p{
|
||||
color: #666666;
|
||||
text-align:center;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.brand-p p:last-child{
|
||||
color: #333333;
|
||||
font-weight: 700;
|
||||
}
|
||||
/* 品牌理念end */
|
||||
|
||||
/* 发展历程 */
|
||||
.his-cen{
|
||||
width: 887px;
|
||||
margin: 80px auto 0;
|
||||
padding: 30px 0;
|
||||
background: url("../../img/asfutkyurt.png") no-repeat 50% 2px;
|
||||
}
|
||||
.his-ul{
|
||||
height: auto;
|
||||
}
|
||||
.his-li{
|
||||
margin: 5px 0;
|
||||
height: 150px;
|
||||
width: 100%;
|
||||
}
|
||||
.his-li:nth-child(2n) .histli-l{
|
||||
text-align: left;
|
||||
}
|
||||
.his-li:nth-child(2n) .histli-r{
|
||||
text-align: right;
|
||||
}
|
||||
.histli-l{
|
||||
width: 43%;
|
||||
text-align: right;
|
||||
}
|
||||
.histli-l img{
|
||||
width: 245px;
|
||||
height: 150px;
|
||||
}
|
||||
.histli-c{
|
||||
width: 10%;
|
||||
}
|
||||
.histli-c span{
|
||||
border: 2px solid #28a658;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
border-radius: 19px;
|
||||
display: block;
|
||||
background: #ffffff;
|
||||
}
|
||||
.histli-r{
|
||||
width: 43%;
|
||||
}
|
||||
.histli-r h4{
|
||||
font-family: MicrosoftYaHei-Bold;
|
||||
font-size: 22px;
|
||||
font-stretch: normal;
|
||||
line-height: 36px;
|
||||
letter-spacing: 0px;
|
||||
color: #000000;
|
||||
font-weight: 700;
|
||||
}
|
||||
.histli-r p{
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 28px;
|
||||
letter-spacing: 0px;
|
||||
color: #333333;
|
||||
}
|
||||
/* 企业生态 */
|
||||
.ecoh4{
|
||||
margin: 60px 0 40px 0;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
color: #333333;
|
||||
}
|
||||
.eco-cen{
|
||||
margin-top: 30px;
|
||||
width: 1190px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.eco-cen ul li{
|
||||
width: 386px;
|
||||
height: 425px;
|
||||
float: left;
|
||||
margin-right: 15px;
|
||||
position: relative;
|
||||
}
|
||||
.eco-cen ul li:nth-child(1){
|
||||
width: 785px;
|
||||
}
|
||||
.eco-cen ul li:nth-child(n+3){
|
||||
height: 380px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.eco-cen ul li:nth-child(3n+2){
|
||||
margin-right: 0;
|
||||
}
|
||||
.ecoli{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: rgba(0, 0, 0, 0.3)
|
||||
}
|
||||
.ecoli div{
|
||||
width: 331px;
|
||||
text-align: center;
|
||||
}
|
||||
.eco-span{
|
||||
width: 230px;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
color: #ffffff;
|
||||
border: 1px solid #ffffff;
|
||||
margin-top: 80px;
|
||||
transition: all .5s;
|
||||
}
|
||||
.eco-p{
|
||||
margin-top: 35px;
|
||||
line-height: 30px;
|
||||
font-size: 16px;
|
||||
opacity: 0;
|
||||
transition: all .5s;
|
||||
}
|
||||
.eco-cen ul li:hover .eco-span{
|
||||
margin-top: 0;
|
||||
background: #28a658;
|
||||
border: 1px solid #28a658;
|
||||
}
|
||||
.eco-cen ul li:hover .eco-p{
|
||||
opacity: 1;
|
||||
color: #ffffff;
|
||||
}
|
||||
/* 荣誉客户 */
|
||||
.cust-cen{
|
||||
width: 1190px;
|
||||
margin: 50px auto 0;
|
||||
}
|
||||
.cust-cen ul li{
|
||||
float: left;
|
||||
width: 215px;
|
||||
height: 84px;
|
||||
border: 1px solid #eeeeee;
|
||||
text-align: center;
|
||||
line-height: 84px;
|
||||
overflow: hidden;
|
||||
margin-right: 26px;
|
||||
}
|
||||
.cust-cen ul li img{
|
||||
vertical-align: middle;
|
||||
}
|
||||
.cust-cen ul li:nth-child(5n){
|
||||
margin-right: 0;
|
||||
}
|
||||
.cust-cen ul li:nth-child(n+6){
|
||||
margin-top: 26px;
|
||||
}
|
||||
/* 主体end */
|
||||
80
衣莎项目/源码/衣莎官网源码/css/page/contactus.css
Normal file
@@ -0,0 +1,80 @@
|
||||
@import "../pubilc/_mian.css";
|
||||
|
||||
.wheel{
|
||||
height: 350px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 内容 */
|
||||
.contactus{
|
||||
width: 1190px;
|
||||
margin: 80px auto 60px;
|
||||
}
|
||||
.contactus-l{
|
||||
width: 58%;
|
||||
float: left;
|
||||
height: 200px;
|
||||
}
|
||||
.contactus-l h3{
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 35px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 33px;
|
||||
letter-spacing: 0px;
|
||||
color: #333333;
|
||||
}
|
||||
.contactus-text{
|
||||
margin-top: 36px;
|
||||
}
|
||||
.contactus-text p{
|
||||
line-height: 28px;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0px;
|
||||
color: #333333;
|
||||
}
|
||||
.contactus-r{
|
||||
width: 40%;
|
||||
float: right;
|
||||
height: 200px;
|
||||
}
|
||||
.contactusul li{
|
||||
height: 200px;
|
||||
width: 162px;
|
||||
float: left;
|
||||
margin: 0 30px;
|
||||
text-align: center;
|
||||
}
|
||||
.contactusul li p{
|
||||
margin-top: 15px;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 28px;
|
||||
letter-spacing: 0px;
|
||||
color: #666666;
|
||||
}
|
||||
.contli-img{
|
||||
width: 162px;
|
||||
height: 161px;
|
||||
background-color: #f7f7f7;
|
||||
line-height: 161px;
|
||||
text-align: center;
|
||||
}
|
||||
.contli-img img{
|
||||
/* height: 80%; */
|
||||
vertical-align: middle;
|
||||
}
|
||||
/* 地图 */
|
||||
.map{
|
||||
width: 1190px;
|
||||
height: 404px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#allmap{
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
52
衣莎项目/源码/衣莎官网源码/css/page/distribution.css
Normal file
@@ -0,0 +1,52 @@
|
||||
@import "../pubilc/_mian.css";
|
||||
|
||||
.wheel{
|
||||
height: 491px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 地图 */
|
||||
#allmap{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
/* 内容 */
|
||||
.dis-row{
|
||||
width: 1190px;
|
||||
margin: 80px auto 0;
|
||||
}
|
||||
.dis-row h4{
|
||||
text-align: center;
|
||||
}
|
||||
.disul{
|
||||
margin-top: 60px;
|
||||
}
|
||||
.disul li{
|
||||
float: left;
|
||||
width: 286px;
|
||||
height: 150px;
|
||||
background: #ffffff;
|
||||
margin-right: 15px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
.disul li:nth-child(4n){
|
||||
margin-right: 0px;
|
||||
}
|
||||
.disul li:nth-child(n+5){
|
||||
margin-top: 15px;
|
||||
}
|
||||
.disli h5{
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
margin-bottom: 15px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.disli p{
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 25px;
|
||||
letter-spacing: 0px;
|
||||
color: #666666;
|
||||
}
|
||||
222
衣莎项目/源码/衣莎官网源码/css/page/index.css
Normal file
@@ -0,0 +1,222 @@
|
||||
@import "../pubilc/_mian.css";
|
||||
|
||||
.wheel{
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
/* 主体start */
|
||||
|
||||
.introduce{
|
||||
padding: 50px 0;
|
||||
width: 1190px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.intl,.intr{
|
||||
width: 50%;
|
||||
height: 556px;
|
||||
float: left;
|
||||
}
|
||||
.intr{
|
||||
background: #ffffff;
|
||||
padding: 102px 0;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
.intr-cen h2{
|
||||
font-size: 36px;
|
||||
color: #333333;
|
||||
font-weight: 500;
|
||||
}
|
||||
.line{
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
margin: 30px auto 0;
|
||||
background: #28a658;
|
||||
}
|
||||
.int-p{
|
||||
margin: 34px 0;
|
||||
line-height: 33px;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
}
|
||||
.int-p p{
|
||||
color: #999999;
|
||||
}
|
||||
.int-p span{
|
||||
color: #28a658;
|
||||
font-weight: 700;
|
||||
}
|
||||
.sub{
|
||||
width: 127px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
margin: 35px auto 0;
|
||||
background: #28a658;
|
||||
cursor: pointer;
|
||||
}
|
||||
.sub:hover{
|
||||
background: #25c060;
|
||||
}
|
||||
|
||||
/* 产品服务 */
|
||||
.pro-cen{
|
||||
margin-top: 60px;
|
||||
}
|
||||
.proul{
|
||||
padding: 0 1px;
|
||||
width: 1190px;
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.proul li{
|
||||
position: relative;
|
||||
height: 500px;
|
||||
float: left;
|
||||
width: 198px;
|
||||
transition: .5s;
|
||||
}
|
||||
.proul li img{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.pro-title{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.pro-title p {
|
||||
margin-bottom: 32px;
|
||||
color: #ffffff;
|
||||
font-size: 23px;
|
||||
}
|
||||
.pro-title span{
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
background: #ffffff;
|
||||
}
|
||||
.proli-cen{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 0;
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
transform: rotateY(-180deg);
|
||||
}
|
||||
.proli-p{
|
||||
text-align: center;
|
||||
padding: 0 35px;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.proul li:hover .pro-title{
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.proul li:hover{
|
||||
-moz-transition: rotateY(180deg);
|
||||
-o-transition: rotateY(180deg);
|
||||
-webkit-transition: rotateY(180deg);
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
.proul li:hover .proli-cen{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(28, 151, 75, .9);
|
||||
}
|
||||
/* 产品服务end */
|
||||
|
||||
/* 团体洗衣start */
|
||||
|
||||
.group-cen{
|
||||
width: 1190px;
|
||||
margin: 64px auto 0;
|
||||
}
|
||||
.group-l,.group-r{
|
||||
float: left;
|
||||
}
|
||||
.group-l{
|
||||
width: 610px;
|
||||
height: 420px;
|
||||
}
|
||||
.group-r{
|
||||
width: 580px;
|
||||
height: 420px;
|
||||
background: #ffffff;
|
||||
padding-top: 46px;
|
||||
box-sizing: border-box;
|
||||
color: #333333;
|
||||
font-size: 16px;
|
||||
}
|
||||
.group-p{
|
||||
text-align: center;
|
||||
padding: 0 30px;
|
||||
box-sizing: border-box;
|
||||
line-height: 39px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.group-p h4{
|
||||
display: block;
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.group-p span{
|
||||
display: block;
|
||||
color: #999999;
|
||||
}
|
||||
/* 团体洗衣end */
|
||||
/* 下单 */
|
||||
.pro-cen{
|
||||
width: 1190px;
|
||||
margin: 80px auto 0;
|
||||
}
|
||||
.pro-l{
|
||||
width: 515px;
|
||||
height: 424px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
background: url("./../../img/wxss.png") center center no-repeat;
|
||||
}
|
||||
.pro-l img{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.pro-r{
|
||||
width: 675px;
|
||||
float: left;
|
||||
}
|
||||
.pro-r ul {
|
||||
height: 424px;
|
||||
}
|
||||
.pro-r ul li{
|
||||
height: 50%;
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
.pro-ul li p {
|
||||
color: #333333;
|
||||
font-size: 18px;
|
||||
margin-top: 19px;
|
||||
}
|
||||
.pro-ul li span{
|
||||
color: #999999;
|
||||
font-size: 16px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
/* 下单end */
|
||||
/* 主体end */
|
||||
|
||||
/* 视频样式 */
|
||||
.video-js .vjs-big-play-button {
|
||||
top: 43% !important;
|
||||
left: 43% !important;
|
||||
}
|
||||
/* 视频样式end */
|
||||
86
衣莎项目/源码/衣莎官网源码/css/page/joinIsa.css
Normal file
@@ -0,0 +1,86 @@
|
||||
@import "../pubilc/_mian.css";
|
||||
|
||||
.wheel{
|
||||
height: 350px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 内容 */
|
||||
.about-j{
|
||||
width: 1190px;
|
||||
margin: 70px auto 0;
|
||||
}
|
||||
.about-j ul li{
|
||||
float: left;
|
||||
height: 81px;
|
||||
border-right: 1px solid #ebebeb;
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
.about-j ul li:last-child{
|
||||
border-right:0;
|
||||
}
|
||||
.about-j ul li h2{
|
||||
font-family: MicrosoftYaHei-Bold;
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
font-stretch: normal;
|
||||
line-height: 39px;
|
||||
letter-spacing: 0px;
|
||||
color: #28a658;
|
||||
}
|
||||
.about-j ul li p{
|
||||
margin-top: 10px;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 39px;
|
||||
letter-spacing: 0px;
|
||||
color: #999999;
|
||||
}
|
||||
.about-text{
|
||||
width: 1062px;
|
||||
margin: 80px auto 0;
|
||||
}
|
||||
.about-text p{
|
||||
margin-top: 50px;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 32px;
|
||||
letter-spacing: 0px;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
/* 幻灯片 */
|
||||
.team-cen{
|
||||
width: 1190px;
|
||||
margin: 60px auto 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.swiper-lw{
|
||||
width: 255px !important;
|
||||
text-align: center;
|
||||
margin: 0 20px;
|
||||
}
|
||||
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
|
||||
left: 0px !important;
|
||||
height: 100% ;
|
||||
background-color: #fff ;
|
||||
}
|
||||
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
|
||||
right: 0 !important;
|
||||
height: 100%;
|
||||
background-color: #fff;
|
||||
}
|
||||
.swiper-button-next, .swiper-button-prev {
|
||||
top: 0 !important;
|
||||
}
|
||||
/* 加入我们 */
|
||||
.myAbout{
|
||||
height: 560px;
|
||||
width: 100%;
|
||||
background: url("./../../img/ergWGwqefd.png") no-repeat center;
|
||||
}
|
||||
64
衣莎项目/源码/衣莎官网源码/css/page/news.css
Normal file
@@ -0,0 +1,64 @@
|
||||
@import "../pubilc/_mian.css";
|
||||
|
||||
.wheel{
|
||||
height: 350px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 内容 */
|
||||
|
||||
.types{
|
||||
width: 100%;
|
||||
padding: 40px 0;
|
||||
display: none;
|
||||
}
|
||||
.newsUl{
|
||||
width: 1190px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.newsUl li{
|
||||
width: 100%;
|
||||
height: 190px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.newsUl li img{
|
||||
height: 190px;
|
||||
width: 310px;
|
||||
float: left;
|
||||
}
|
||||
.news-cen{
|
||||
padding-left: 30px;
|
||||
float: left;
|
||||
height: 190px;
|
||||
width: 60%;
|
||||
padding-top: 30px;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
.news-time img{
|
||||
margin-right: 10px;
|
||||
width: 17px !important;
|
||||
height: 17px !important;
|
||||
}
|
||||
.news-time{
|
||||
margin-top: 50px;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
letter-spacing: 0px;
|
||||
color: #666666;
|
||||
}
|
||||
.news-title{
|
||||
font-size: 26px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.newsActive{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.newPage{
|
||||
margin: 30px 0 80px 0;
|
||||
}
|
||||
73
衣莎项目/源码/衣莎官网源码/css/page/newsInfo.css
Normal file
@@ -0,0 +1,73 @@
|
||||
@import "../pubilc/_mian.css";
|
||||
|
||||
.wheel{
|
||||
height: 350px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 内容 */
|
||||
.guidepost{
|
||||
width: 100%;
|
||||
border-bottom: #ebebeb 1px solid;
|
||||
}
|
||||
.guidTitle{
|
||||
width: 1190px;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.span1{
|
||||
display: inline-block;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
letter-spacing: 0px;
|
||||
color: #999999;
|
||||
}
|
||||
.guidepost i{
|
||||
display: inline-block;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0px;
|
||||
color: #cccccc;
|
||||
}
|
||||
.span1:last-child{
|
||||
display: inline-block;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0px;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* 新闻内容 */
|
||||
|
||||
.newsText{
|
||||
width: 1190px;
|
||||
margin: 0 auto;
|
||||
padding: 0 68px 73px 68px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
}
|
||||
.next{
|
||||
height: 188px;
|
||||
width: 100%;
|
||||
}
|
||||
.next1{
|
||||
text-align: center;
|
||||
}
|
||||
.next1 p{
|
||||
cursor: pointer;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
letter-spacing: 0px;
|
||||
color: #999999;
|
||||
}
|
||||
.next1 p:nth-child(1){
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
35
衣莎项目/源码/衣莎官网源码/css/page/products.css
Normal file
@@ -0,0 +1,35 @@
|
||||
@import "../pubilc/_mian.css";
|
||||
|
||||
.wheel{
|
||||
height: 350px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 服务范围 */
|
||||
.quality-cen{
|
||||
width: 100%;
|
||||
height: 413px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: center top no-repeat;
|
||||
-webkit-transition: height .6s,background,.6s;
|
||||
transition: height .6s,background,.6s;
|
||||
}
|
||||
.quality-cenimg{
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
width: 1920px;
|
||||
height: 100%;
|
||||
margin-left: -960px;
|
||||
}
|
||||
.quimg{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 413px;
|
||||
line-height: 413px;
|
||||
text-align: center;
|
||||
}
|
||||
.quimg img{
|
||||
vertical-align: middle;
|
||||
}
|
||||
1
衣莎项目/源码/衣莎官网源码/css/pubilc/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
02f04ddc-8fc8-47dc-af2d-4c74551e6078
|
||||
6
衣莎项目/源码/衣莎官网源码/css/pubilc/_mian.css
Normal file
@@ -0,0 +1,6 @@
|
||||
@import "normalize.css";
|
||||
@import "header.css";
|
||||
@import "mian.css";
|
||||
@import "animation.css";
|
||||
@import "color.css";
|
||||
@import "footer.css";
|
||||
122
衣莎项目/源码/衣莎官网源码/css/pubilc/animation.css
Normal file
@@ -0,0 +1,122 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
.animated {
|
||||
-webkit-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.animated.hinge {
|
||||
-webkit-animation-duration: 2s;
|
||||
animation-duration: 2s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeInLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-20px);
|
||||
transform: translateX(-20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-20px);
|
||||
-ms-transform: translateX(-20px);
|
||||
transform: translateX(-20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInLeft {
|
||||
-webkit-animation-name: fadeInLeft;
|
||||
animation-name: fadeInLeft;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeInRight {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(20px);
|
||||
transform: translateX(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInRight {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(20px);
|
||||
-ms-transform: translateX(20px);
|
||||
transform: translateX(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInRight {
|
||||
-webkit-animation-name: fadeInRight;
|
||||
animation-name: fadeInRight;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(20px);
|
||||
transform: translateY(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(20px);
|
||||
-ms-transform: translateY(20px);
|
||||
transform: translateY(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInUp {
|
||||
-webkit-animation-name: fadeInUp;
|
||||
animation-name: fadeInUp;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
9
衣莎项目/源码/衣莎官网源码/css/pubilc/color.css
Normal file
@@ -0,0 +1,9 @@
|
||||
.b7{
|
||||
background: #f7f7f7;
|
||||
}
|
||||
.while{
|
||||
background: #ffffff;
|
||||
}
|
||||
.while100{
|
||||
color: #ffffff !important;
|
||||
}
|
||||
64
衣莎项目/源码/衣莎官网源码/css/pubilc/footer.css
Normal file
@@ -0,0 +1,64 @@
|
||||
footer{
|
||||
height: 120px;
|
||||
padding: 37px 0;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
background: #1e2023;
|
||||
}
|
||||
.footer{
|
||||
width: 1190px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.dizi{
|
||||
width: 80%;
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
color: #ffffff;
|
||||
float: left;
|
||||
}
|
||||
.logof{
|
||||
float: left;
|
||||
width: 20%;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
text-align: right;
|
||||
}
|
||||
.logof img{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* 联系我们 */
|
||||
.conus-cen{
|
||||
width: 482px;
|
||||
margin: 50px auto 0;
|
||||
}
|
||||
.wxh{
|
||||
float: left;
|
||||
width: 240px;
|
||||
height: 122px;
|
||||
border-right:1px solid #cccccc ;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
.us{
|
||||
float: left;
|
||||
width: 240px;
|
||||
height: 122px;
|
||||
}
|
||||
.us-p{
|
||||
width: 175px;
|
||||
float: right;
|
||||
padding: 5px 0;
|
||||
line-height: 23px;
|
||||
}
|
||||
.us-p p {
|
||||
line-height: 25px;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
}
|
||||
.us-p span{
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
}
|
||||
/* 联系我们end */
|
||||
64
衣莎项目/源码/衣莎官网源码/css/pubilc/header.css
Normal file
@@ -0,0 +1,64 @@
|
||||
header{
|
||||
width: 100%;
|
||||
}
|
||||
.header{
|
||||
width: 1190px;
|
||||
margin: 0 auto;
|
||||
line-height: 80px;
|
||||
}
|
||||
.logo{
|
||||
height: 80px;
|
||||
width: 25%;
|
||||
}
|
||||
.menu{
|
||||
height: 80px;
|
||||
}
|
||||
.menu ul li{
|
||||
float: left;
|
||||
}
|
||||
.menu ul li a{
|
||||
font-size: 16px;
|
||||
padding: 0 20px;
|
||||
display: block;
|
||||
color: #333333;
|
||||
}
|
||||
.nav-menu{
|
||||
height: 0px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
color: #333333;
|
||||
overflow: hidden;
|
||||
}
|
||||
.nav-menu section{
|
||||
height: 40px;
|
||||
position: relative;
|
||||
z-index: 99999;
|
||||
background: #ffffff;
|
||||
font-size: 16px;
|
||||
}
|
||||
.menu ul li .a:hover{
|
||||
background: #28a658;
|
||||
color: #ffffff;
|
||||
}
|
||||
.menu ul li:hover .nav-menu{
|
||||
height: 240px;
|
||||
}
|
||||
.nav-menu section:hover a{
|
||||
color: #93d3ab;
|
||||
}
|
||||
|
||||
/* 轮播图 */
|
||||
|
||||
|
||||
/* 固定激活 */
|
||||
.liactive{
|
||||
background: #28a658;
|
||||
}
|
||||
.liactive .a{
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/* 轮播图样式调整 */
|
||||
.swiper-container {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
145
衣莎项目/源码/衣莎官网源码/css/pubilc/mian.css
Normal file
@@ -0,0 +1,145 @@
|
||||
html{
|
||||
min-width: 1190px;
|
||||
}
|
||||
li{
|
||||
cursor: pointer;
|
||||
}
|
||||
img{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
.img{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.fl{
|
||||
float: left;
|
||||
}
|
||||
.fr{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet-active{
|
||||
background: #ffffff !important;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
}
|
||||
.row{
|
||||
width: 100%;
|
||||
}
|
||||
.rowp{
|
||||
padding: 80px 0;
|
||||
}
|
||||
.rowl{
|
||||
padding: 80px 0 20px 0;
|
||||
}
|
||||
.title{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.title h4{
|
||||
font-weight: 500;
|
||||
font-size: 36px;
|
||||
color: #333333;
|
||||
}
|
||||
.title p {
|
||||
margin-top: 5px;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
}
|
||||
.title span{
|
||||
margin-top: 25px;
|
||||
display: block;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
letter-spacing: 0px;
|
||||
color: #999999;
|
||||
}
|
||||
/* 平铺水平对齐 */
|
||||
.flex-con1 {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
/* 垂直居中对齐 */
|
||||
.flex-con2 {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 水平垂直居中 */
|
||||
|
||||
.flex-con3 {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 垂直平铺 */
|
||||
.flex-con4{
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
/* 溢出隐藏 */
|
||||
.clamp1{
|
||||
display: -webkit-box !important;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 动画3s */
|
||||
.nav-item{
|
||||
-moz-transition: all .3s ease-out;
|
||||
-o-transition: all .3s ease-out;
|
||||
-webkit-transition: all .3s ease-out;
|
||||
transition: all .3s ease-out;
|
||||
}
|
||||
|
||||
|
||||
/* 放大图片 */
|
||||
.bigLi:hover img{
|
||||
transform:scale(1.1);
|
||||
}
|
||||
|
||||
.somImg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-moz-transition: all .5s ease;
|
||||
-webkit-transition: all .5s ease;
|
||||
-ms-transition: all .5s ease;
|
||||
-o-transition: all .5s ease;
|
||||
transition: all .5s ease;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
|
||||
/* 缩放页面图片处理 */
|
||||
.comm-topact {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: center top no-repeat;
|
||||
-webkit-transition: height .6s,background,.6s;
|
||||
transition: height .6s,background,.6s;
|
||||
}
|
||||
.topact-big-img, .topact-small-img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
width: 1920px;
|
||||
height: 100%;
|
||||
margin-left: -960px;
|
||||
}
|
||||
498
衣莎项目/源码/衣莎官网源码/css/pubilc/normalize.css
vendored
Normal file
@@ -0,0 +1,498 @@
|
||||
/**
|
||||
* 自定义清除浏览器默认样式代码
|
||||
*/
|
||||
@font-face {
|
||||
/* font-test*/
|
||||
font-family: ht;
|
||||
src: url('/fonts/ht.ttf');
|
||||
}
|
||||
|
||||
ul,h2,h1,h3,h4,h5,h6,p{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
.uk-form-label {
|
||||
width: 130px;
|
||||
}
|
||||
.uk-form-controls {
|
||||
margin-left: 132px;
|
||||
}
|
||||
.uk-margin {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 1170px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.left-me {
|
||||
width: 70%;
|
||||
float: left;
|
||||
margin-left: 27px;
|
||||
}
|
||||
.info_title {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.icon {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
vertical-align: -0.15em;
|
||||
fill: currentColor;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fixed-top {
|
||||
position: fixed !important;
|
||||
background: rgba(0, 0, 0, 0.88);
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track-piece {
|
||||
background-color: #fff;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* ::-webkit-scrollbar-thumb {
|
||||
background-color: #018EE8;
|
||||
height: 20px;
|
||||
outline-offset: -2px;
|
||||
outline: 2px solid #fff;
|
||||
-webkit-border-radius: 4px;
|
||||
} */
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* 1. Change the default font family in all browsers (opinionated).
|
||||
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||
* 2. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details, /* 1 */
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
main, /* 2 */
|
||||
menu,
|
||||
nav,
|
||||
section,
|
||||
summary { /* 1 */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in iOS 4-7.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10-.
|
||||
* 1. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
template, /* 1 */
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the gray background on active links in IE 10.
|
||||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent; /* 1 */
|
||||
-webkit-text-decoration-skip: objects; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the outline on focused links when they are also active or hovered
|
||||
* in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Firefox 39-.
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font style in Android 4.3-.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct background and color in IE 9-.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10-.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide the overflow in IE.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct margin in IE 8.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change font properties to `inherit` in all browsers (opinionated).
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font: inherit; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the font weight unset by the previous rule.
|
||||
*/
|
||||
|
||||
optgroup {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||
* controls in Android 4.
|
||||
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
html [type="button"], /* 1 */
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Change the border, margin, and padding in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10-.
|
||||
* 2. Remove the padding in IE 10-.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the text style of placeholders in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: inherit;
|
||||
opacity: 0.54;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
56
衣莎项目/源码/衣莎官网源码/css/pubilc/page.css
Normal file
@@ -0,0 +1,56 @@
|
||||
.page ul {
|
||||
padding: 0;
|
||||
min-width: 450px;
|
||||
}
|
||||
|
||||
.page ul::after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.page ul li {
|
||||
float: left;
|
||||
width: auto;
|
||||
min-width: 32px;
|
||||
line-height: 30px;
|
||||
list-style: none;
|
||||
margin: 0 5px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.page a {
|
||||
color: #666666;
|
||||
font-family: "微软雅黑";
|
||||
padding: 5px 15px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
text-align: center;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.page ul li a:hover {
|
||||
background-color: #28a658;
|
||||
}
|
||||
|
||||
.page ul li a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.page .disabled a:hover {
|
||||
background-color: white;
|
||||
cursor: not-allowed;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.page .active a {
|
||||
background-color: #28a658;
|
||||
color: white;
|
||||
|
||||
}
|
||||
.active{
|
||||
border:0 !important;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
1307
衣莎项目/源码/衣莎官网源码/css/pubilc/video-js.css
Normal file
376
衣莎项目/源码/衣莎官网源码/distribution.html
Normal 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>
|
||||
1
衣莎项目/源码/衣莎官网源码/img/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
e725c2b8-aa27-484b-9abb-3bb321b566ce
|
||||
BIN
衣莎项目/源码/衣莎官网源码/img/5u3gfeqw.png
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/afafafqwqwgq.png
Normal file
|
After Width: | Height: | Size: 104 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/asdada1.png
Normal file
|
After Width: | Height: | Size: 130 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/asdasd.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/asdasdad.png
Normal file
|
After Width: | Height: | Size: 187 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/asdasdafa.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/asdasdasda.png
Normal file
|
After Width: | Height: | Size: 145 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/asfdagfqegqw.png
Normal file
|
After Width: | Height: | Size: 176 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/asfutkyurt.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/axbz.png
Normal file
|
After Width: | Height: | Size: 4.7 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/banner1.png
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
衣莎项目/源码/衣莎官网源码/img/ergWGwqefd.png
Normal file
|
After Width: | Height: | Size: 472 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/ergasdas.png
Normal file
|
After Width: | Height: | Size: 119 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/ewfgwefqwef.png
Normal file
|
After Width: | Height: | Size: 76 KiB |
1
衣莎项目/源码/衣莎官网源码/img/icon/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
66e070ad-d267-450a-95ba-e1ae4e5199d5
|
||||
BIN
衣莎项目/源码/衣莎官网源码/img/icon/1.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/icon/2.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/icon/3.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/icon/4.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/icon/asdasdas.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/icon/asdasdasd.png
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/icon/asdasfa.png
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/icon/qqwhkjtyjr.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/icon/time.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/iklytujtyhjrthr.png
Normal file
|
After Width: | Height: | Size: 92 KiB |
1
衣莎项目/源码/衣莎官网源码/img/logo/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
66de6804-4584-47c1-9b69-6e69b21124ab
|
||||
BIN
衣莎项目/源码/衣莎官网源码/img/logo/asdas.png
Normal file
|
After Width: | Height: | Size: 6.4 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/asdcwree.png
Normal file
|
After Width: | Height: | Size: 9.9 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/asg5et.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/cvdcvd.png
Normal file
|
After Width: | Height: | Size: 6.8 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/gnsdc.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/iliukm.png
Normal file
|
After Width: | Height: | Size: 8.0 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/kikjyuty.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/kuku.png
Normal file
|
After Width: | Height: | Size: 9.0 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/lkjef.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/okmjmnyu.png
Normal file
|
After Width: | Height: | Size: 7.5 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/qpiut.png
Normal file
|
After Width: | Height: | Size: 7.7 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/qwdqdw.png
Normal file
|
After Width: | Height: | Size: 7.4 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/sadasdhty.png
Normal file
|
After Width: | Height: | Size: 8.0 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/thrthr.png
Normal file
|
After Width: | Height: | Size: 9.7 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/tyhgfrf.png
Normal file
|
After Width: | Height: | Size: 7.9 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/xcvzxczxc.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/yhbffr.png
Normal file
|
After Width: | Height: | Size: 6.0 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/zpoi.png
Normal file
|
After Width: | Height: | Size: 7.9 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/zxcer.png
Normal file
|
After Width: | Height: | Size: 7.9 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo/zxcpoiui.png
Normal file
|
After Width: | Height: | Size: 8.7 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo1.png
Normal file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo2.png
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/logo3.png
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/lxwm.jpg
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/mdt.png
Normal file
|
After Width: | Height: | Size: 335 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/pirtrtgbergv.png
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/qgqwfdqw.png
Normal file
|
After Width: | Height: | Size: 146 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/qhrw.png
Normal file
|
After Width: | Height: | Size: 127 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/qtyuh5i5645.png
Normal file
|
After Width: | Height: | Size: 189 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/qwdqwfqwgqg.png
Normal file
|
After Width: | Height: | Size: 100 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/qwerfqwd.png
Normal file
|
After Width: | Height: | Size: 499 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/qwfdqw.png
Normal file
|
After Width: | Height: | Size: 125 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/qwfqgqd.png
Normal file
|
After Width: | Height: | Size: 96 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/qwtgryjrthjer.png
Normal file
|
After Width: | Height: | Size: 189 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/qwttrkjrth.png
Normal file
|
After Width: | Height: | Size: 165 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/sadeghwr.png
Normal file
|
After Width: | Height: | Size: 379 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/terjergwegf.png
Normal file
|
After Width: | Height: | Size: 224 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/uityhtrthr.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/wqeqtqw.png
Normal file
|
After Width: | Height: | Size: 173 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/wx.png
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/wxss.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/图层2@2x.png
Normal file
|
After Width: | Height: | Size: 201 KiB |
BIN
衣莎项目/源码/衣莎官网源码/img/微信图片_20190604093633@2x.png
Normal file
|
After Width: | Height: | Size: 231 KiB |
396
衣莎项目/源码/衣莎官网源码/index.html
Normal file
@@ -0,0 +1,396 @@
|
||||
<!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="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/page/index.css">
|
||||
<link rel="stylesheet" href="./css/pubilc/video-js.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 class="nav-item liactive">
|
||||
<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>
|
||||
<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 class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./img/banner1.png" class="img" alt="" srcset="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./img/banner1.png" class="img" alt="" srcset="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./img/banner1.png" class="img" alt="" srcset="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- 头部end -->
|
||||
<!-- 主体内容start -->
|
||||
<div class="mian">
|
||||
<div class="row b7">
|
||||
<div class="introduce">
|
||||
<div class="intl flex-con2 wow fadeInUp">
|
||||
<!-- <img src="./img/mdt.png" alt="" srcset=""> -->
|
||||
<video id="my-video" class="video-js" controls preload="auto" width="640" height="403"
|
||||
data-setup="{}">
|
||||
<source src="./video/0300200100561DC1C1FB5B28D342A6E3821DFE-7BD7-264D-DABE-A4532876567C.mp4"
|
||||
type="video/mp4">
|
||||
<p class="vjs-no-js">
|
||||
To view this video please enable JavaScript, and consider upgrading to a web browser that
|
||||
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
|
||||
</p>
|
||||
</video>
|
||||
<script src="./js/videojs-ie8.min.js"></script>
|
||||
<script src="http://vjs.zencdn.net/5.18.4/video.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var myPlayer = videojs('my-video');
|
||||
videojs("my-video").ready(function () {
|
||||
var myPlayer = this;
|
||||
myPlayer.play();
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="intr wow fadeInUp">
|
||||
<div class="intr-cen">
|
||||
<h2>伊莎洗衣,安徽洗衣领先品牌</h2>
|
||||
<div class="line"></div>
|
||||
<div class="int-p">
|
||||
<p>深耕合肥<span>十八</span>载</p>
|
||||
<p>拥有<span>30多</span>家连锁门店、大型智能洗衣工厂、线上洗护平台</p>
|
||||
<p>服务超<span>10万多</span>合肥高品质家庭用户和<span>60多</span>家团体企事业单位</p>
|
||||
</div>
|
||||
<img src="./img/axbz.png" alt="" srcset="">
|
||||
<a href="">
|
||||
<div class="sub">了解详情 ></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row while">
|
||||
<div class="products rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>产品与服务</h4>
|
||||
<p>Products and Services</p>
|
||||
</div>
|
||||
<div class="pro-cen">
|
||||
<ul class="proul">
|
||||
<li class="wow fadeInUp" data-wow-delay=".1s">
|
||||
<img src="./img/asdada1.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>衣物清洗</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
各类衣物干洗、水洗智能洗护,浅色衣物不加价
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".2s">
|
||||
<img src="./img/asdasdasda.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>鞋子清洗</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
全面清洁,舒展鞋面皱纹,消毒杀菌,保证鞋子的干净卫生
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".3s">
|
||||
<img src="./img/qhrw.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>奢侈品洗护</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
为您提供香奈儿、普拉达、古奇等数百个国际品牌的皮衣皮鞋包包的深度洗护
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".4s">
|
||||
<img src="./img/wqeqtqw.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>地毯</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
正确地养护地毯,有助于长期保持地毯原有的绒面外观,延长地毯 使用寿命
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".5s">
|
||||
<img src="./img/qgqwfdqw.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>床品</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
专业进口洗涤设备,彻底清洁床品卫生,高温消毒除螨,给您家人健康生活
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".6s">
|
||||
<img src="./img/qwdqwfqwgqg.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>窗帘</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
伊莎窗帘清洗,服务更好,价格更优!省时省心,为您提供高品质服务
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row b7">
|
||||
<div class="group rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>团体洗衣</h4>
|
||||
<p>Group Laundry</p>
|
||||
</div>
|
||||
<div class="group-cen">
|
||||
<div class="group-l flex-con1">
|
||||
<img src="./img/qwfdqw.png" class="wow fadeInUp" data-wow-delay=".1s" alt="" srcset="">
|
||||
<img src="./img/qwttrkjrth.png" class="wow fadeInUp" data-wow-delay=".2s" alt="" srcset="">
|
||||
</div>
|
||||
<div class="group-r wow fadeInUp" data-wow-delay=".3s">
|
||||
<div class="group-p">
|
||||
<p>提供单位、团体工作服清洗等清洗服务</p>
|
||||
<p>提供上门服务</p>
|
||||
<p>洗衣更方便,服务质量有保障!</p>
|
||||
</div>
|
||||
<div class="group-p">
|
||||
<p>如有团体洗衣需求请联系</p>
|
||||
<h4>400-0551-071</h4>
|
||||
</div>
|
||||
<div class="group-p">
|
||||
<span>我们服务过的团体客户有:</span>
|
||||
<span class="clamp1">安徽省政府办公厅、安徽移动、中国光大银行、招商银行、可口可乐……</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row while">
|
||||
<div class="process rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>一键下单,随时随地预约上门</h4>
|
||||
</div>
|
||||
<div class="pro-cen">
|
||||
<div class="pro-l flex-con3 wow fadeInUp" data-wow-delay=".1s">
|
||||
<img src="./img/asdasd.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="pro-r wow fadeInUp" data-wow-delay=".2s">
|
||||
<ul class="pro-ul">
|
||||
<li class="flex-con2">
|
||||
<div>
|
||||
<div class="pro-img">
|
||||
<img src="./img/icon/asdasfa.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>在线预约</p>
|
||||
<span class="clamp1">在线预约在线预约在线预约在线预约</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex-con2">
|
||||
<div>
|
||||
<div class="pro-img">
|
||||
<img src="./img/icon/asdasdas.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>上门取送</p>
|
||||
<span class="clamp1">专业宅配人员上门取送</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex-con2">
|
||||
<div>
|
||||
<div class="pro-img">
|
||||
<img src="./img/icon/qqwhkjtyjr.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>订单追踪</p>
|
||||
<span class="clamp1">衣物动态随时了解,让您洗的安心放心</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex-con2">
|
||||
<div>
|
||||
<div class="pro-img">
|
||||
<img src="./img/icon/asdasdasd.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>在线客服</p>
|
||||
<span class="clamp1">7x10小时在线客服,有问题一个电话就搞定</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear">
|
||||
</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 src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/js/swiper.min.js"></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();
|
||||
});
|
||||
}
|
||||
var mySwiper = new Swiper('.swiper-container', {
|
||||
autoplay: true,//可选选项,自动滑动
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
315
衣莎项目/源码/衣莎官网源码/joinIsa.html
Normal file
@@ -0,0 +1,315 @@
|
||||
<!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="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/page/aboutIsa.css">
|
||||
<link rel="stylesheet" href="./css/page/Join.css">
|
||||
<link rel="stylesheet" href="./css/page/joinIsa.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>
|
||||
<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 class="nav-item liactive">
|
||||
<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 comm-topact">
|
||||
<img src="./img/afafafqwqwgq.png" class="topact-big-img" alt="" srcset="">
|
||||
</div>
|
||||
</header>
|
||||
<!-- 头部end -->
|
||||
|
||||
<!-- 内容 -->
|
||||
<div class="main">
|
||||
<div class="about-title" id="at">
|
||||
<div class="atitle-cen">
|
||||
<ul>
|
||||
<li class="alitivce">关于我们</li>
|
||||
<li>团队风采</li>
|
||||
<li>加入我们</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="joinlsa-cen">
|
||||
<div id="type-cen">
|
||||
<div class="typec joining">
|
||||
<div class="row while rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>关于我们</h4>
|
||||
<p>About us</p>
|
||||
</div>
|
||||
<div class="about-j">
|
||||
<ul>
|
||||
<li class="wow fadeInUp" data-wow-delay=".1s">
|
||||
<h2>使命</h2>
|
||||
<p>每人 每天 穿干净衣服</p>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".2s">
|
||||
<h2>愿景</h2>
|
||||
<p>成为值得尊敬的企业</p>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".3s">
|
||||
<h2>价值观</h2>
|
||||
<p>凭良心 讲信用</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="about-text">
|
||||
<p class="wow fadeInUp" data-wow-delay=".1s">
|
||||
伊莎洗衣,是合肥伊尔萨洗衣服务有限公司旗下直营品牌,作为意大利伊尔萨家族的成员,成立于2001年9月,是合肥首家国际连锁洗衣公司。伊莎洗衣,作为省政府招商引资合作单位,率先为省政府办公厅提供后勤洗衣服务。公司软硬件设施的配置秉承了伊莎时尚洗衣“优质环保”的一贯主旨,并将世界先进的技术设备、科学的管理模式及完善的服务体系融为一体,开创了合肥高端连锁洗衣服务的先河。
|
||||
</p>
|
||||
<p class="wow fadeInUp" data-wow-delay=".2s">
|
||||
伊莎连锁洗衣,深耕合肥十八载,拥有30多家连锁门店、大型智能洗衣工厂、线上洗护平台,服务超10万多合肥高品质家庭用户和60多家团体企事业单位,现如今已成为安徽洗衣领先品牌。
|
||||
</p>
|
||||
<p class="wow fadeInUp" data-wow-delay=".3s">
|
||||
2019年公司开启加盟模式,计划在合肥开设超100家连锁门店,与合肥洗衣界友商共同努力,为合肥每一个家庭提供更好的高品质洗衣服务。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="typec team">
|
||||
<div class="row while rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>团队风采</h4>
|
||||
<p>Teamwork</p>
|
||||
</div>
|
||||
<div class="team-cen wow fadeInUp">
|
||||
<!-- 幻灯片 -->
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide swiper-lw">
|
||||
<img src="./img/qwfqgqd.png" alt="" srcset="">
|
||||
<p>工厂员工风采</p>
|
||||
</div>
|
||||
<div class="swiper-slide swiper-lw">
|
||||
<img src="./img/ewfgwefqwef.png" alt="" srcset="">
|
||||
<p>员工会议</p>
|
||||
</div>
|
||||
<div class="swiper-slide swiper-lw">
|
||||
<img src="./img/iklytujtyhjrthr.png" alt="" srcset="">
|
||||
<p>工厂员工风采</p>
|
||||
</div>
|
||||
<div class="swiper-slide swiper-lw">
|
||||
<img src="./img/ewfgwefqwef.png" alt="" srcset="">
|
||||
<p>员工会议</p>
|
||||
</div>
|
||||
<div class="swiper-slide swiper-lw">
|
||||
<img src="./img/iklytujtyhjrthr.png" alt="" srcset="">
|
||||
<p>工厂员工风采</p>
|
||||
</div>
|
||||
<div class="swiper-slide swiper-lw">
|
||||
<img src="./img/qwfqgqd.png" alt="" srcset="">
|
||||
<p>员工会议</p>
|
||||
</div>
|
||||
<div class="swiper-slide swiper-lw">
|
||||
<img src="./img/ewfgwefqwef.png" alt="" srcset="">
|
||||
<p>工厂员工风采</p>
|
||||
</div>
|
||||
<div class="swiper-slide swiper-lw">
|
||||
<img src="./img/iklytujtyhjrthr.png" alt="" srcset="">
|
||||
<p>员工会议</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
</div>
|
||||
<!-- 幻灯片end -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="typec myAbout">
|
||||
<div class="row rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4 class="while100">加入我们</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="myjoin-cen wow fadeInUp">
|
||||
<div class="myFrom flex-con3">
|
||||
<div class="fromImg">
|
||||
<img src="./img/icon/1.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="fromInput">
|
||||
<input type="text" placeholder="姓名">
|
||||
</div>
|
||||
</div>
|
||||
<div class="myFrom flex-con3">
|
||||
<div class="fromImg">
|
||||
<img src="./img/icon/2.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="fromInput">
|
||||
<input type="text" placeholder="电话">
|
||||
</div>
|
||||
</div>
|
||||
<div class="myFrom flex-con3">
|
||||
<div class="fromImg">
|
||||
<img src="./img/icon/3.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="fromInput">
|
||||
<input type="text" placeholder="意向岗位">
|
||||
</div>
|
||||
</div>
|
||||
<div class="goButton">提交</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row while">
|
||||
<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 src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/js/swiper.min.js"></script>
|
||||
<script src="./js/pubilc.js"></script>
|
||||
<script src="./js/wow.js"></script>
|
||||
<script src="./js/util.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();
|
||||
});
|
||||
}
|
||||
// 幻灯片
|
||||
var mySwipers = new Swiper('.swiper-container', {
|
||||
loop: true,
|
||||
slidesPerView: 'auto',
|
||||
loopedSlides: 5,
|
||||
autoplay: {
|
||||
delay: 1000,
|
||||
stopOnLastSlide: false,
|
||||
disableOnInteraction: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
})
|
||||
// 获取URL参数 可以获得路径参数
|
||||
if (!!getQueryString("id")) {
|
||||
var index = getQueryString("id")
|
||||
$(".atitle-cen ul li.alitivce").removeClass("alitivce")
|
||||
$(".atitle-cen ul li").eq(index).addClass("alitivce")
|
||||
$(".types.newsActive").removeClass("newsActive")
|
||||
$(".types").eq(index).addClass("newsActive")
|
||||
window.scrollTo(0, $(".typec").eq(index).offset().top - 100);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
1
衣莎项目/源码/衣莎官网源码/js/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
21196f69-2124-4014-a545-8ce791afc55c
|
||||
93
衣莎项目/源码/衣莎官网源码/js/page.js
Normal file
@@ -0,0 +1,93 @@
|
||||
/**
|
||||
* 自定义分页(封装实现)
|
||||
* @type {Page}
|
||||
* @data:2019-06-02
|
||||
* @author:lzw
|
||||
*/
|
||||
|
||||
P = new Page();
|
||||
//分页对象
|
||||
function Page(){
|
||||
this.config = {elemId:'#page',pageIndex:'1',total:'0',pageNum:'7',pageSize:'10'};//默认参数
|
||||
this.version = '1.0';//分页版本
|
||||
this.requestFunction = null;//分页版本
|
||||
|
||||
//初始化参数
|
||||
this.initMathod = function(obj){
|
||||
$.extend(this.config,obj.params);//默认参数 + 用户自定义参数
|
||||
this.requestFunction = obj.requestFunction;
|
||||
this.renderPage();
|
||||
};
|
||||
|
||||
//渲染分页
|
||||
this.renderPage = function(){
|
||||
this.requestFunction();
|
||||
this.pageHtml();
|
||||
|
||||
//分页绑定事件
|
||||
$(P.config.elemId).on('click','a',function(){
|
||||
var flag = $(this).parent().hasClass('disabled');
|
||||
if(flag){
|
||||
return false;
|
||||
}
|
||||
|
||||
var pageIndex = $(this).data('pageindex');
|
||||
P.config.pageIndex = pageIndex;
|
||||
P.requestFunction();
|
||||
P.pageHtml();
|
||||
});
|
||||
};
|
||||
|
||||
//分页合成
|
||||
this.pageHtml = function(){
|
||||
var data = this.config;
|
||||
if(parseInt(data.total) <= 0){
|
||||
return false;
|
||||
}
|
||||
|
||||
var elemId = data.elemId;
|
||||
var pageNum = isBlank(data.pageNum) ? 7 : parseInt(data.pageNum);//可显示页码个数
|
||||
var pageSize = isBlank(data.pageSize) ? 10 : parseInt(data.pageSize);//可显示页码个数
|
||||
var total = parseInt(data.total);//总记录数
|
||||
var pageTotal = total%pageSize != 0 ? parseInt(total/pageSize) + 1 : parseInt(total/pageSize);//总页数
|
||||
var pageIndex = pageTotal < parseInt(data.pageIndex) ? pageTotal : parseInt(data.pageIndex);//当前页
|
||||
var j = pageTotal < pageNum ? pageTotal : pageNum;//如果总页数小于可见页码,则显示页码为总页数
|
||||
var k = pageIndex < parseInt((j/2) + 1) ? -1 * (pageIndex - 1) : pageIndex > (pageTotal - parseInt(j/2)) ? -1 * (j - (pageTotal - pageIndex) - 1) : -1 * parseInt((j/2));//遍历初始值
|
||||
var pageHtml = '<ul>';
|
||||
|
||||
if(pageIndex <= 0 || pageIndex == 1){
|
||||
pageHtml += '<li class="disabled"><a href="javascript:;" data-pageindex="'+ pageIndex +'">首页</a></li>' +
|
||||
'<li class="disabled"><a href="javascript:;" data-pageindex="'+ pageIndex +'">上一页</a></li>';
|
||||
}else{
|
||||
pageHtml += '<li><a href="javascript:;" data-pageindex="1">首页</a></li>' +
|
||||
'<li><a href="javascript:;" data-pageindex="'+ (pageIndex - 1) +'">上一页</a></li>';
|
||||
}
|
||||
|
||||
for(var i = k;i < (k + j);i++){
|
||||
if(pageTotal == (pageIndex + i - 1))break;
|
||||
if(i == 0){
|
||||
pageHtml += '<li class="active"><a href="javascript:;" data-pageindex="'+ pageIndex +'">'+ pageIndex +'</a></li>';
|
||||
}else{
|
||||
pageHtml += '<li><a href="javascript:;" data-pageindex="'+ (pageIndex + i) +'">'+ (pageIndex + i) +'</a></li>';
|
||||
}
|
||||
}
|
||||
|
||||
if(pageTotal == 1 || pageTotal <= pageIndex){
|
||||
pageHtml += '<li class="disabled"><a href="javascript:;" data-pageindex="'+ pageTotal +'">下一页</a></li>' +
|
||||
'<li class="disabled"><a href="javascript:;" data-pageindex="'+ pageTotal +'">末页</a></li>';
|
||||
}else{
|
||||
pageHtml += '<li><a href="javascript:;" data-pageindex="'+ (pageIndex + 1) +'">下一页</a></li>' +
|
||||
'<li><a href="javascript:;" data-pageindex="'+ pageTotal +'">末页</a></li>';
|
||||
}
|
||||
pageHtml += '</ul>'
|
||||
$(elemId).html('');
|
||||
$(elemId).html(pageHtml);
|
||||
};
|
||||
}
|
||||
|
||||
function isBlank(str){
|
||||
if(str == undefined || str == null || str.trim() == ''){
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||