手机端首页banner调整
parent
6ce34ae097
commit
0334df69bf
|
|
@ -2932,6 +2932,27 @@
|
|||
height: .3rem;
|
||||
}
|
||||
|
||||
/* banner */
|
||||
.banner-swiper .swiper-button-prev{
|
||||
/* width: .6rem;
|
||||
height: .6rem;
|
||||
border-radius: 100%;
|
||||
background-color: rgba(255, 255, 255, .5); */
|
||||
left: 0px;
|
||||
}
|
||||
.banner-swiper .swiper-button-next{
|
||||
/* width: .6rem;
|
||||
height: .6rem;
|
||||
border-radius: 100%;
|
||||
background-color: rgba(255, 255, 255, .5); */
|
||||
right: 0px;
|
||||
}
|
||||
.banner-swiper .swiper-button-prev:after,
|
||||
.banner-swiper .swiper-button-next:after{
|
||||
font-size: .46rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* 尾部 */
|
||||
.footer {
|
||||
padding-top: 0;
|
||||
|
|
@ -3352,7 +3373,18 @@
|
|||
opacity: 0;
|
||||
}
|
||||
|
||||
.position-nav-bg {
|
||||
.sub-nav>a {
|
||||
margin-left: .6rem;
|
||||
font-size: .26rem;
|
||||
line-height: .87rem;
|
||||
border-bottom: .03rem solid rgba(14, 53, 127, 0);
|
||||
}
|
||||
|
||||
.sub-nav>a.active {
|
||||
border-bottom: .03rem solid #0e357f;
|
||||
}
|
||||
|
||||
.position-nav-bg01 {
|
||||
background-color: #ffffff !important;
|
||||
padding-top: .24rem;
|
||||
}
|
||||
|
|
@ -3361,7 +3393,7 @@
|
|||
padding-top: .24rem;
|
||||
}
|
||||
|
||||
.sub-nav>a {
|
||||
.sub-nav-01>a {
|
||||
margin-left: .09rem;
|
||||
font-size: .26rem;
|
||||
line-height: .8rem;
|
||||
|
|
@ -3372,9 +3404,10 @@
|
|||
font-weight: normal;
|
||||
}
|
||||
|
||||
.sub-nav>a.active {
|
||||
.sub-nav-01>a.active {
|
||||
background-color: #dab277;
|
||||
color: #ffffff;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.company-profile {
|
||||
|
|
|
|||
|
|
@ -42,6 +42,10 @@ $(function(){
|
|||
fadeEffect: {
|
||||
crossFade: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.banner-swiper .swiper-button-next',
|
||||
prevEl: '.banner-swiper .swiper-button-prev',
|
||||
},
|
||||
on:{
|
||||
init: function(){
|
||||
swiperAnimateCache(this); // 隐藏动画元素
|
||||
|
|
|
|||
|
|
@ -6,8 +6,8 @@
|
|||
{foreach $slide as $slideItem}
|
||||
<div class="swiper-slide">
|
||||
<a href="">
|
||||
<img {$slideItem['src']}" alt="{$slideItem['title']}" class="pc-img">
|
||||
<img {$slideItem['src_mobile']}" alt="{$slideItem['title']}" class="wap-img">
|
||||
<img src="http://zzwy2.scdxtc.cn/{$slideItem['src']}" alt="{$slideItem['title']}" class="pc-img">
|
||||
<img src="http://zzwy2.scdxtc.cn/{$slideItem['src_mobile']}" alt="{$slideItem['title']}" class="wap-img">
|
||||
<div class="banner-txt w1360">
|
||||
<p class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">{$slideItem['font1']}</p>
|
||||
<p class="sub-title uppercase ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">{$slideItem['font2']}</p>
|
||||
|
|
@ -19,6 +19,8 @@
|
|||
{/foreach}
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
<div class="swiper-button-prev wap-show"></div>
|
||||
<div class="swiper-button-next wap-show"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -43,7 +45,7 @@
|
|||
{/foreach}
|
||||
</div>
|
||||
<a href="{$blocks['company_history_more']['link'] ?? ''}" class="about-more color-66 flex">{$blocks['company_history_more']['value'] ?? ''}</a>
|
||||
<img {$blocks['company_profile_mobile']['value'] ?? ''}" alt="{$blocks['company_profile_mobile']['alt'] ?? ''}" class="wap-img">
|
||||
<img src="{$blocks['company_profile_mobile']['value'] ?? ''}" alt="{$blocks['company_profile_mobile']['alt'] ?? ''}" class="wap-img">
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
|
@ -69,7 +71,7 @@
|
|||
<div class="swiper-wrapper">
|
||||
{foreach $news as $n}
|
||||
<div class="swiper-slide">
|
||||
<div class="wap-show"><img {$n.src_mobile ?? ''}" alt="{$n.title ?? ''}"></div>
|
||||
<div class="wap-show"><img src="{$n.src_mobile ?? ''}" alt="{$n.title ?? ''}"></div>
|
||||
<a href="/news/{$n.id}.html">
|
||||
<em class="color-blue wap-show">{:date('Y.m.d', $n.create_time)}</em>
|
||||
<div class="title color-blue clips2">{$n.title}</div>
|
||||
|
|
@ -86,7 +88,7 @@
|
|||
<!-- 物业服务 -->
|
||||
<div class="index-service flex">
|
||||
<a href="{$blocks['home_service_img']['link'] ?? 'javascript:;'}" class="left-service color-white">
|
||||
<img {$blocks['home_service_img']['value'] ?? ''}" alt="{$blocks['home_service_img']['alt'] ?? ''}">
|
||||
<img src="{$blocks['home_service_img']['value'] ?? ''}" alt="{$blocks['home_service_img']['alt'] ?? ''}">
|
||||
<div class="txt">
|
||||
<p class="font-helvetica">{$blocks['home_service_img']['summary'] ?? ''}</p>
|
||||
<span>{$blocks['home_service_img']['title'] ?? ''}</span>
|
||||
|
|
@ -124,7 +126,7 @@
|
|||
<div class="project-case w1360">
|
||||
<div class="project-case-title flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="txt">
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img {$blocks['project_case_en']['value'] ?? ''}" alt="{$blocks['project_case_en']['alt'] ?? ''}"></p>
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="{$blocks['project_case_en']['value'] ?? ''}" alt="{$blocks['project_case_en']['alt'] ?? ''}"></p>
|
||||
<span class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['project_case_title']['value'] ?? ''}</span>
|
||||
</div>
|
||||
<a href="{$blocks['project_case_more']['link'] ?: 'javascript:;'}" class="more pc-show color-66">{$blocks['project_case_more']['value'] ?? ''}</a>
|
||||
|
|
@ -132,7 +134,7 @@
|
|||
<div class="project-case-list flex">
|
||||
{foreach $casesList as $case}
|
||||
<a href="/cases/{$case.id}.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img {$isMobile ? $case.image_mobile : $case.image}" alt="{$case.title}"></div>
|
||||
<div class="img"><img src="{$isMobile ? $case.image_mobile : $case.image}" alt="{$case.title}"></div>
|
||||
<div class="txt bg-col-white flex">
|
||||
<p class="clips1">{$case.title}</p>
|
||||
<span>+</span>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="pull-banner w100 wap-show"><img src="{$categoryPath[0]['src_mobile'] ?: ''}" alt="{$categoryPath[0]['title'] ?? ''}"></div>
|
||||
|
||||
<!-- 当前位置&二级导航 -->
|
||||
<div class="position-nav-bg pull-margin bg-col-f5">
|
||||
<div class="position-nav-bg pull-margin bg-col-f5"><!-- position-nav-bg01 -->
|
||||
<div class="position-sub-nav w1360 flex">
|
||||
<!-- 当前位置 -->
|
||||
<div class="position flex pc-show">
|
||||
|
|
@ -24,8 +24,8 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 二级导航 -->
|
||||
<div class="sub-nav-bg">
|
||||
<div class="sub-nav">
|
||||
<div class="sub-nav-bg sub-nav-bg">
|
||||
<div class="sub-nav"><!-- sub-nav-01 -->
|
||||
{foreach $childrenMenu as $childrenMenuItem}
|
||||
<a href="{:getUri($childrenMenuItem)}" {if $category["id"] ==$childrenMenuItem['id'] || $category["parent_id"] ==$childrenMenuItem['id'] }class="active"{/if}>{$childrenMenuItem['title']}</a>
|
||||
{/foreach}
|
||||
|
|
|
|||
Loading…
Reference in New Issue