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

master
Lee 2022-10-10 09:47:26 +08:00
parent ebbefd9bfe
commit 5e0d051636
3 changed files with 123 additions and 21 deletions

View File

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

View File

@ -153,6 +153,98 @@
</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-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>

View File

@ -49,7 +49,7 @@ $(function(){
// 导航切换
$('.index-news-nav>span').eq(0).addClass('active');
$('.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')){
$('.index-news-nav>span').eq($(this).index()).addClass("active").siblings().removeClass('active');
$('.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').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')){
$(document).scrollTop(scrollTop+1).scrollTop(scrollTop);
$('.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){
$('.foot-left>.item>a').click(function(){
$(document).on('click','.foot-left>.item>a',function() {
if(!$(this).parent().hasClass('active')){
$('.foot-left>.item').removeClass('active');
$(this).parent().addClass("active");
@ -129,7 +133,7 @@ $(function(){
});
$('.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');
})
}
@ -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') {
$('.head .head-btn').removeClass('cur');
$('.head .nav').removeClass('active');
@ -253,12 +258,12 @@ $(function(){
}
});
$('.head .nav-bg').click(function() {
$(document).on('click','.head .nav-bg',function() {
$(this).removeClass('active');
$('.head .head-btn').removeClass('cur');
$('.head .nav').removeClass('active');
});
}
// 手机端二级导航
if(window.innerWidth <= 960){