Lee
/
zzwy-news
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

管理团队切换样式修改、js改为动态绑定

master
Lee 2022-10-10 09:47:26 +08:00
parent ebbefd9bfe
commit 5e0d051636
3 changed files with 123 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/style.css
View File

@ -701,9 +701,14 @@
} }
.management-team-item { .management-team-item {
display: none;
width: calc(100% - 226px); width: calc(100% - 226px);
} }
.management-team-item.show{
display: block;
}
.management-team-item>a { .management-team-item>a {
justify-content: space-between; justify-content: space-between;
height: 382px; height: 382px;

92
introduction.html
View File

@ -153,6 +153,98 @@
</div> </div>
</a> </a>
</div> </div>
<div class="management-team-item">
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-02.jpg" alt="周斌" class="pc-img">
<img src="images/time-02.jpg" alt="周斌" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">周斌</h2>
<strong>副总经理</strong>
<p class="clips6">鄂尔多斯市中正物业管理有限公司是巴音孟克投资集团旗下投资产业之一，是一家专业物业管理企业，注册资本金1000万。与集团成立之初一路前行，公司在激烈的物业管理市场竞争中平等竞争，强化理念，拓展市场，精心管理，增强员工服务意识，提高员工队伍素质，提升整体管理服务标准。公司致力于规范化、专业化、亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌我们竭力打造物业管理品牌，不断开创物业管理市场新局面。亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌，不断开创物业管理市场新局面。</p>
</div>
</a>
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-01.jpg" alt="黄宝山" class="pc-img">
<img src="images/time-01.jpg" alt="黄宝山" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">黄宝山</h2>
<strong>总经理</strong>
<p class="clips6">鄂尔多斯市中正物业管理有限公司是巴音孟克投资集团旗下投资产业之一，是一家专业物业管理企业，注册资本金1000万。与集团成立之初一路前行，公司在激烈的物业管理市场竞争中平等竞争，强化理念，拓展市场，精心管理，增强员工服务意识，提高员工队伍素质，提升整体管理服务标准。公司致力于规范化、专业化、亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌我们竭力打造物业管理品牌，不断开创物业管理市场新局面。亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌，不断开创物业管理市场新局面。</p>
</div>
</a>
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-02.jpg" alt="周斌" class="pc-img">
<img src="images/time-02.jpg" alt="周斌" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">周斌</h2>
<strong>副总经理</strong>
<p class="clips6">鄂尔多斯市中正物业管理有限公司是巴音孟克投资集团旗下投资产业之一，是一家专业物业管理企业，注册资本金1000万。与集团成立之初一路前行，公司在激烈的物业管理市场竞争中平等竞争，强化理念，拓展市场，精心管理，增强员工服务意识，提高员工队伍素质，提升整体管理服务标准。公司致力于规范化、专业化、亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌我们竭力打造物业管理品牌，不断开创物业管理市场新局面。亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌，不断开创物业管理市场新局面。</p>
</div>
</a>
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-01.jpg" alt="黄宝山" class="pc-img">
<img src="images/time-01.jpg" alt="黄宝山" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">黄宝山</h2>
<strong>总经理</strong>
<p class="clips6">鄂尔多斯市中正物业管理有限公司是巴音孟克投资集团旗下投资产业之一，是一家专业物业管理企业，注册资本金1000万。与集团成立之初一路前行，公司在激烈的物业管理市场竞争中平等竞争，强化理念，拓展市场，精心管理，增强员工服务意识，提高员工队伍素质，提升整体管理服务标准。公司致力于规范化、专业化、亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌我们竭力打造物业管理品牌，不断开创物业管理市场新局面。亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌，不断开创物业管理市场新局面。</p>
</div>
</a>
</div>
<div class="management-team-item">
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-01.jpg" alt="黄宝山" class="pc-img">
<img src="images/time-01.jpg" alt="黄宝山" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">黄宝山</h2>
<strong>总经理</strong>
<p class="clips6">鄂尔多斯市中正物业管理有限公司是巴音孟克投资集团旗下投资产业之一，是一家专业物业管理企业，注册资本金1000万。与集团成立之初一路前行，公司在激烈的物业管理市场竞争中平等竞争，强化理念，拓展市场，精心管理，增强员工服务意识，提高员工队伍素质，提升整体管理服务标准。公司致力于规范化、专业化、亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌我们竭力打造物业管理品牌，不断开创物业管理市场新局面。亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌，不断开创物业管理市场新局面。</p>
</div>
</a>
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-02.jpg" alt="周斌" class="pc-img">
<img src="images/time-02.jpg" alt="周斌" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">周斌</h2>
<strong>副总经理</strong>
<p class="clips6">鄂尔多斯市中正物业管理有限公司是巴音孟克投资集团旗下投资产业之一，是一家专业物业管理企业，注册资本金1000万。与集团成立之初一路前行，公司在激烈的物业管理市场竞争中平等竞争，强化理念，拓展市场，精心管理，增强员工服务意识，提高员工队伍素质，提升整体管理服务标准。公司致力于规范化、专业化、亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌我们竭力打造物业管理品牌，不断开创物业管理市场新局面。亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌，不断开创物业管理市场新局面。</p>
</div>
</a>
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-01.jpg" alt="黄宝山" class="pc-img">
<img src="images/time-01.jpg" alt="黄宝山" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">黄宝山</h2>
<strong>总经理</strong>
<p class="clips6">鄂尔多斯市中正物业管理有限公司是巴音孟克投资集团旗下投资产业之一，是一家专业物业管理企业，注册资本金1000万。与集团成立之初一路前行，公司在激烈的物业管理市场竞争中平等竞争，强化理念，拓展市场，精心管理，增强员工服务意识，提高员工队伍素质，提升整体管理服务标准。公司致力于规范化、专业化、亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌我们竭力打造物业管理品牌，不断开创物业管理市场新局面。亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌，不断开创物业管理市场新局面。</p>
</div>
</a>
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-02.jpg" alt="周斌" class="pc-img">
<img src="images/time-02.jpg" alt="周斌" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">周斌</h2>
<strong>副总经理</strong>
<p class="clips6">鄂尔多斯市中正物业管理有限公司是巴音孟克投资集团旗下投资产业之一，是一家专业物业管理企业，注册资本金1000万。与集团成立之初一路前行，公司在激烈的物业管理市场竞争中平等竞争，强化理念，拓展市场，精心管理，增强员工服务意识，提高员工队伍素质，提升整体管理服务标准。公司致力于规范化、专业化、亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌我们竭力打造物业管理品牌，不断开创物业管理市场新局面。亲情化管理，针对各项目的特点分别制订服务方案，关注服务细节，营造物业管理特色，不断提升服务品质。我们竭力打造物业管理品牌，不断开创物业管理市场新局面。</p>
</div>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

21
js/script.js
View File

@ -49,7 +49,7 @@ $(function(){
// 导航切换 // 导航切换
$('.index-news-nav>span').eq(0).addClass('active'); $('.index-news-nav>span').eq(0).addClass('active');
$('.new-list>.swiper').eq(0).addClass('show'); $('.new-list>.swiper').eq(0).addClass('show');
$('.index-news-nav>span').click(function(){ $(document).on('click','.index-news-nav>span',function() {
if(!$(this).hasClass('active')){ if(!$(this).hasClass('active')){
$('.index-news-nav>span').eq($(this).index()).addClass("active").siblings().removeClass('active'); $('.index-news-nav>span').eq($(this).index()).addClass("active").siblings().removeClass('active');
$('.new-list>.swiper').eq($(this).index()).addClass("show").siblings().removeClass('show'); $('.new-list>.swiper').eq($(this).index()).addClass("show").siblings().removeClass('show');
@ -96,18 +96,22 @@ $(function(){
} }
// 管理团队切换 // 管理团队切换
if($('.management-team-nav').length){ if($('.management-team-list').length){
$('.management-team-nav>span').eq(0).addClass('active'); $('.management-team-nav>span').eq(0).addClass('active');
$('.management-team-nav>span').click(function(){ $('.management-team-list .management-team-item').eq(0).addClass('show');
$(document).on('click','.management-team-nav>span',function() {
var scrollTop = $(document).scrollTop();
if(!$(this).hasClass('active')){ if(!$(this).hasClass('active')){
$(document).scrollTop(scrollTop+1).scrollTop(scrollTop);
$('.management-team-nav>span').eq($(this).index()).addClass("active").siblings().removeClass('active'); $('.management-team-nav>span').eq($(this).index()).addClass("active").siblings().removeClass('active');
$('.management-team-list .management-team-item').eq($(this).index()).addClass("show").siblings().removeClass('show');
} }
}) })
} }
// 尾部导航 // 尾部导航
if(window.innerWidth <= 960){ if(window.innerWidth <= 960){
$('.foot-left>.item>a').click(function(){ $(document).on('click','.foot-left>.item>a',function() {
if(!$(this).parent().hasClass('active')){ if(!$(this).parent().hasClass('active')){
$('.foot-left>.item').removeClass('active'); $('.foot-left>.item').removeClass('active');
$(this).parent().addClass("active"); $(this).parent().addClass("active");
@ -129,7 +133,7 @@ $(function(){
}); });
$('.history .img>span').eq(0).addClass('active'); $('.history .img>span').eq(0).addClass('active');
$('.history-swiper .swiper-slide').click(function(){ $(document).on('click','.history-swiper .swiper-slide',function() {
$('.history .img>span').eq($(this).index()).addClass("active").siblings().removeClass('active'); $('.history .img>span').eq($(this).index()).addClass("active").siblings().removeClass('active');
}) })
} }
@ -241,7 +245,8 @@ $(function(){
}; };
// 手机导航按钮 // 手机导航按钮
$('.head .head-btn').click(function() { if(window.innerWidth <= 960){
$(document).on('click','.head .head-btn',function() {
if ($('.head .head-btn').attr('class') == 'head-btn cur') { if ($('.head .head-btn').attr('class') == 'head-btn cur') {
$('.head .head-btn').removeClass('cur'); $('.head .head-btn').removeClass('cur');
$('.head .nav').removeClass('active'); $('.head .nav').removeClass('active');
@ -253,12 +258,12 @@ $(function(){
} }
}); });
$('.head .nav-bg').click(function() { $(document).on('click','.head .nav-bg',function() {
$(this).removeClass('active'); $(this).removeClass('active');
$('.head .head-btn').removeClass('cur'); $('.head .head-btn').removeClass('cur');
$('.head .nav').removeClass('active'); $('.head .nav').removeClass('active');
}); });
}
// 手机端二级导航 // 手机端二级导航
if(window.innerWidth <= 960){ if(window.innerWidth <= 960){