反馈修改完成-1114

master
Lee 2022-11-14 15:08:48 +08:00
parent df31d2f384
commit 7678ab2625
10 changed files with 205 additions and 83 deletions

View File

@ -599,14 +599,14 @@
.profile-title>p {
max-width: 280px;
font-size: 36px;
font-size: 26px;
line-height: 1.2;
font-weight: bold;
}
.profile-title>strong {
display: block;
font-size: 30px;
font-size: 26px;
font-weight: normal;
margin-top: 4px;
}
@ -755,7 +755,6 @@
}
.culture-title>strong {
font-size: 28px;
font-weight: bold;
}
@ -2102,7 +2101,6 @@
font-weight: bold;
}
/* 人才招聘 */
.join-us .txt {
width: calc(100% - 286px);
@ -2385,7 +2383,7 @@
max-width: 100%;
}
/* 非手机端隐藏 */
/* 非手机端 */
@media screen and (min-width:960px) {
/* 仅手机端展示 */
@ -2413,6 +2411,15 @@
top: 88px;
transform: translateX(-50%);
}
.nav>.nav-item .sub-nav-item a{
color: #9cbdfc;
}
.nav>.nav-item .sub-nav-item a:hover{
color: #ffffff;
}
.nav>.nav-item:nth-of-type(2):hover .sub-nav-item,
.nav>.nav-item:nth-of-type(3):hover .sub-nav-item{
left: 1px;
@ -2453,6 +2460,7 @@
transform: scale(1.05);
}
.project-case-title .more:hover {
background-color: #0e357f;
color: #ffffff;
@ -2945,23 +2953,24 @@
/* banner */
.banner-swiper .swiper-button-prev{
/* width: .6rem;
width: .6rem;
height: .6rem;
border-radius: 100%;
background-color: rgba(255, 255, 255, .5); */
left: 0px;
background-color: rgba(255, 255, 255, .5);
left: .1rem;
}
.banner-swiper .swiper-button-next{
/* width: .6rem;
width: .6rem;
height: .6rem;
border-radius: 100%;
background-color: rgba(255, 255, 255, .5); */
right: 0px;
background-color: rgba(255, 255, 255, .5);
right: .1rem;
}
.banner-swiper .swiper-button-prev:after,
.banner-swiper .swiper-button-next:after{
font-size: .46rem;
font-size: .3rem;
color: #ffffff;
font-weight: bold;
}
/* 尾部 */
@ -3327,6 +3336,13 @@
font-size: .18rem;
margin-top: .12rem;
}
.project-case-title{
justify-content: center;
text-align: center;
}
.project-case-title span{
font-size: .4rem;
}
.project-case-list>a>.img{
height: 2.24rem;
@ -3367,7 +3383,6 @@
overflow: hidden;
}
.sub-nav {
display: flex;
justify-content: flex-start;
@ -3404,12 +3419,56 @@
padding-top: .24rem;
}
.sub-nav-bg-01{
position: relative;
padding-right: .3rem;
}
.sub-nav-bg-01::after{
content: "";
display: block;
width: .2rem;
height: .4rem;
background: url(../images/icon/icon-arrow-nav.png);
background-size: cover;
position: absolute;
top: .23rem;
z-index: 1;
animation: to_right_name 1.3s ease-out infinite;
}
.sub-nav-bg-01.last::after{
animation: to_left_name 1.3s ease-out infinite;
transform: rotateZ(180deg);
}
@keyframes to_right_name {
from {
right: .1rem;
opacity: 0;
}
to {
right: 0;
opacity: 1;
}
}
@keyframes to_left_name {
from {
right: 0;
opacity: 0;
}
to {
right: .1rem;
opacity: 1;
}
}
.sub-nav-01>a {
margin-left: .09rem;
margin-left: 0;
margin-right: .09rem;
font-size: .26rem;
line-height: .8rem;
padding: 0 .25rem;
color: #333333;
line-height: .86rem;
padding: 0 .3rem;
color: #897b55;
background-color: #e7dab7;
text-align: center;
font-weight: normal;
@ -3479,9 +3538,24 @@
}
.management-team-list{
position: relative;
}
.management-team-nav {
width: 100%;
height: 0;
margin-top: 0;
position: absolute;
left: 0;
top: .9rem;
z-index: 1;
overflow: hidden;
}
.management-team-nav.no-hide{
height: auto;
box-shadow: 0 0 .25rem rgba(14, 53, 127, .2);
}
.management-team-nav>span {
@ -3491,35 +3565,45 @@
height: .9rem;
padding: 0 .25rem;
font-size: .26rem;
background-color: #ffffff;
margin-bottom: 1px;
background-color: rgba(255, 255, 255, .8);
border-right: 0 !important;
border-bottom: 1px solid #dedede;
}
.management-team-nav>span::after {
content: "";
display: block;
width: .18rem;
height: .1rem;
background-image: url(/static/web/images/icon/icon-foot-arrow.png);
background-size: 100%;
filter: grayscale(100%);
.management-team-nav>span:last-child{
border-bottom: 0;
}
.management-team-nav>span.active {
color: #ffffff;
background-color: #0e357f;
background-color: rgba(255, 255, 255, .8);
color: #333333;
}
.management-team-nav>span.active::after {
.team-nav-show{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: .9rem;
padding: 0 .25rem;
font-size: .26rem;
background-color: #0e357f;
color: #ffffff;
}
.team-nav-show::after {
content: "";
display: block;
width: .18rem;
height: .1rem;
background-image: url(/static/web/images/icon/icon-foot-arrow.png);
background-size: 100%;
transform: rotateZ(180deg);
filter: grayscale(0);
}
.team-nav-show.cur::after{
transform: rotateZ(180deg);
}
.management-team-item {
width: 100%;
@ -3828,7 +3912,7 @@
}
.preview-item .txt {
width: 55%;
width: 50%;
padding: .15rem .2rem;
}
@ -3848,7 +3932,7 @@
.preview-item .img {
height: 2.3rem;
width: 45%;
width: 50%;
}
.preview-item .img>img {
@ -3983,12 +4067,29 @@
}
/* 媒体报道 */
.news-nav {
flex-wrap: wrap;
.news-nav-bg {
padding: .26rem 0;
position: relative;
z-index: 1;
}
.srevices-more-btn{
width: .42rem;
width: .6rem;
}
.news-nav{
flex-wrap: wrap;
width: 100%;
height: 0;
padding: 0;
position: absolute;
top: 1.16rem;
left: 0;
z-index: 1;
overflow: hidden;
}
.news-nav.no-hide{
height: auto;
box-shadow: 0 0 .25rem rgba(14, 53, 127, .2);
}
.news-nav>a {
@ -3999,36 +4100,44 @@
height: .9rem;
padding: 0 .25rem;
font-size: .26rem;
background-color: #ffffff;
background-color: rgba(255, 255, 255, .8);
color: #333333;
margin-right: 0;
border-bottom: 1px solid #f5f5f5;
border-bottom: 1px solid #dedede;
}
.news-nav>a::after {
content: "";
display: block;
width: .18rem;
height: .1rem;
background-image: url(/static/web/images/icon/icon-foot-arrow.png);
background-size: 100%;
filter: grayscale(100%);
.news-nav>a:last-child{
border-bottom: 0;
}
.news-nav>a.active {
color: #ffffff;
background-color: #0e357f;
background-color: rgba(255, 255, 255, .8);
color: #333333;
}
.news-nav>a.active::after {
.news-nav-show{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: .9rem;
padding: 0 .25rem;
font-size: .26rem;
background-color: #0e357f;
color: #ffffff;
}
.news-nav-show::after {
content: "";
display: block;
width: .18rem;
height: .1rem;
background-image: url(/static/web/images/icon/icon-foot-arrow.png);
background-size: 100%;
transform: rotateZ(180deg);
filter: grayscale(0);
}
.news-nav-show.cur::after{
transform: rotateZ(180deg);
}
.news-first-bg {
padding-bottom: .2rem;
@ -4235,6 +4344,7 @@
.market-banner .detai-title>h1,
.market-nav .detai-title>h1 {
margin: 0;
font-weight: bold;
}
.market-banner {

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -112,21 +112,22 @@ $(function(){
// 管理团队切换
if($('.management-team-list').length){
$('.team-nav-show').text($('.management-team-nav>span').eq(0).text());
$('.management-team-nav>span').eq(0).addClass('active');
$('.management-team-list .management-team-item').eq(0).addClass('show');
if(window.innerWidth <= 1024){
$('.management-team-nav>span').eq(0).show().siblings().hide();
$('.team-nav-show').click(function(){
$(this).toggleClass('cur');
$('.management-team-nav').toggleClass('no-hide');
})
$('.management-team-nav>span').click(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-nav>span').eq($(this).index()).show().siblings().hide();
$('.management-team-list .management-team-item').eq($(this).index()).addClass("show").siblings().removeClass('show');
}else{
$('.management-team-nav>span').removeClass('active');
$('.management-team-nav>span').show();
}
$('.team-nav-show').text($(this).text());
$('.team-nav-show').removeClass('cur');
$('.management-team-nav').removeClass('no-hide');
$('.management-team-list .management-team-item').removeClass('show');
$('.management-team-list .management-team-item').eq($(this).index()).addClass("show");
})
}else{
$('.management-team-nav>span').click(function(){
@ -134,7 +135,8 @@ $(function(){
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');
$('.management-team-list .management-team-item').removeClass('show');
$('.management-team-list .management-team-item').eq($(this).index()).addClass("show");
}
})
}
@ -142,14 +144,13 @@ $(function(){
// 媒体报道导航
if(window.innerWidth <= 1024){
$('.news-nav>a').not('.active').hide();
$('.news-nav-show').text($('.news-nav>a.active').text());
$('.news-nav-show').click(function(){
$(this).toggleClass('cur');
$('.news-nav').toggleClass('no-hide');
})
$('.news-nav>a').click(function(){
if($(this).hasClass('active')){
$('.news-nav>a').removeClass('active');
$('.news-nav>a').show();
}else{
window.location.href = $(this).data('url');
}
})
}else{
$('.news-nav>a').click(function(){
@ -305,6 +306,13 @@ $(function(){
$('.sub-nav').scrollLeft(offsetLeft);
}
}
if($('.sub-nav-bg-01').length){
if($('.sub-nav-01>a').eq($('.sub-nav-01>a').length-1).hasClass('active')){
$('.sub-nav-bg-01').addClass('last');
}else{
$('.sub-nav-bg-01').removeClass('last');
}
}
}
})

View File

@ -9,8 +9,8 @@
{foreach $slide as $slideItem}
<div class="swiper-slide">
<a href="">
<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">
<img src="{$slideItem['src']}" alt="{$slideItem['title']}" class="pc-img">
<img src="{$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>

View File

@ -35,6 +35,7 @@ $childrenMenu = Category::getChildrenByParentId(Category::CATEGORY_COMPANY);
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['manager_team']['title']}</strong>
</div>
<div class="management-team-list bg-col-white flex">
<div class="team-nav-show wap-show"></div>
<div class="management-team-nav wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
{foreach $teamList as $team}
<span>{$team['title']}</span>

View File

@ -28,7 +28,7 @@ $items = CasesModel::getByParentId($category['id'],true,$category['number'] ?: 6
<!-- 内容 -->
<div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="profile-title culture-title honor-title">
<div class="profile-title culture-title honor-title project-title">
<p class="capitalize font-helvetica color-ashen wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['case_list_title']['value']}</p>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['case_list_title']['title']}</strong>
</div>

View File

@ -87,7 +87,7 @@ foreach ($items as $item) {
{/php}
{foreach $eventList as $k => $event}
{if ($k == 0) }
<span><img id="event-img" src="{$event.src ?? ''}" alt="{$event.title ?? ''}"></span>
<span><img id="event-img" src="http://zzwy2.scdxtc.cn/{$event.src ?? ''}" alt="{$event.title ?? ''}"></span>
{php}break;{/php}
{/if}
{/foreach}
@ -99,6 +99,6 @@ foreach ($items as $item) {
<script>
$('body').on('click', '.show-event-img',function () {
let src = $(this).attr('data-src');
$('#event-img').attr('src', src);
$('#event-img').attr('src', 'http://zzwy2.scdxtc.cn'+src);
})
</script>

View File

@ -13,7 +13,7 @@ $serviceList = Article::getList(Category::CATEGORY_SERVE_LIST, 500);
<div class="market-banner w1360 wap-show">
<!-- 标题 -->
<div class="detai-title">
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['market_zhongzheng']['title']}</h1>
<h1 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" style="color: #d1ab57;">{$blocks['market_zhongzheng']['title']}</h1>
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['market_zhongzheng']['value']}</div>
</div>
<div class="market-banner-swiper swiper">

View File

@ -24,7 +24,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="sub-nav-bg sub-nav-bg">
<div class="sub-nav-bg sub-nav-bg {if $category['parent_id'] == 8} sub-nav-bg-01 {/if}">
<div class="sub-nav {if $category['parent_id'] == 8} sub-nav-01 {/if}"><!-- 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>

View File

@ -1,6 +1,9 @@
<!-- 新闻导航 -->
<div class="news-nav flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="news-nav-bg w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="news-nav-show wap-show"></div>
<div class="news-nav flex">
{foreach $childrenCate as $childrenItem}
<a href="javaScript:void(0);" data-url="{:getUri($childrenItem)}" class="{if $category['id'] == $childrenItem['id']}color-white active{/if}">{$childrenItem['title']}</a>
{/foreach}
</div>
</div>