yin5th
/
zzwy2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

反馈修改完成-1114

master
Lee 2022-11-14 15:08:48 +08:00
parent df31d2f384
commit 7678ab2625
10 changed files with 205 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

210
public/static/web/css/style.css
View File

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

BIN
public/static/web/images/icon/icon-arrow-nav.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

44
public/static/web/js/script.js
View File

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

4
view/index/index.html
View File

@ -9,8 +9,8 @@
{foreach $slide as $slideItem} {foreach $slide as $slideItem}
<div class="swiper-slide"> <div class="swiper-slide">
<a href=""> <a href="">
<img src="http://zzwy2.scdxtc.cn/{$slideItem['src']}" alt="{$slideItem['title']}" class="pc-img"> <img src="{$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_mobile']}" alt="{$slideItem['title']}" class="wap-img">
<div class="banner-txt w1360"> <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="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> <p class="sub-title uppercase ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">{$slideItem['font2']}</p>

1
view/page/abstract.html
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> <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['manager_team']['title']}</strong>
</div> </div>
<div class="management-team-list bg-col-white flex"> <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"> <div class="management-team-nav wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
{foreach $teamList as $team} {foreach $teamList as $team}
<span>{$team['title']}</span> <span>{$team['title']}</span>

2
view/page/caseslist.html
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="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> <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> <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['case_list_title']['title']}</strong>
</div> </div>

4
view/page/history.html
View File

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

2
view/page/market.html
View File

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

2
view/public/about_second.html
View File

@ -24,7 +24,7 @@
</div> </div>
</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 --> <div class="sub-nav {if $category['parent_id'] == 8} sub-nav-01 {/if}"><!-- sub-nav-01 -->
{foreach $childrenMenu as $childrenMenuItem} {foreach $childrenMenu as $childrenMenuItem}
<a href="{:getUri($childrenMenuItem)}" {if $category["id"] ==$childrenMenuItem['id'] || $category["parent_id"] ==$childrenMenuItem['id'] }class="active"{/if}>{$childrenMenuItem['title']}</a> <a href="{:getUri($childrenMenuItem)}" {if $category["id"] ==$childrenMenuItem['id'] || $category["parent_id"] ==$childrenMenuItem['id'] }class="active"{/if}>{$childrenMenuItem['title']}</a>

11
view/public/news_second.html
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">
{foreach $childrenCate as $childrenItem} <div class="news-nav-show wap-show"></div>
<a href="javaScript:void(0);" data-url="{:getUri($childrenItem)}" class="{if $category['id'] == $childrenItem['id']}color-white active{/if}">{$childrenItem['title']}</a> <div class="news-nav flex">
{/foreach} {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> </div>