Lee
/
snkcgw
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

测试反馈修改完成

master
Lee-1203 2022-02-14 14:32:48 +08:00
parent 7ae4e03863
commit 78d88a725e
7 changed files with 193 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
about.html
View File

@ -66,11 +66,11 @@
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item pull-item-02">
<li class="abstract cur"><a href="javaScript:void(0);" rel="nofollow">企业简介</a></li>
<li class="speech"><a href="javaScript:void(0);" rel="nofollow">领导致辞</a></li>
<li class="team"><a href="javaScript:void(0);" rel="nofollow">管理团队</a></li>
<li class="organization"><a href="javaScript:void(0);" rel="nofollow">组织机构</a></li>
<li class="memorabilia"><a href="javaScript:void(0);" rel="nofollow">大事记</a></li>
<li class="abstract-btn cur"><a href="javaScript:void(0);" rel="nofollow">企业简介</a></li>
<li class="speech-btn"><a href="javaScript:void(0);" rel="nofollow">领导致辞</a></li>
<li class="team-btn"><a href="javaScript:void(0);" rel="nofollow">管理团队</a></li>
<li class="organization-btn"><a href="javaScript:void(0);" rel="nofollow">组织机构</a></li>
<li class="memorabilia-btn"><a href="javaScript:void(0);" rel="nofollow">大事记</a></li>
</ul>
</div>
<!-- 主体内容 -->
@ -294,7 +294,7 @@
</div>
<!-- 底部部分 -->
<footer class="footer w1690">
<div class="foot">
<div class="foot w1280">
<div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>

84
css/style.css
View File

@ -54,7 +54,7 @@
}
.nav li>a{
display: inline-block;
padding: 0 40px;
padding: 0 35px;
line-height: 90px;
}
.nav li:last-child>a{
@ -286,13 +286,11 @@
min-height: 123px;
}
.first-txt{
width: calc(100% - 196px);
width: calc(100% - 16px);
}
.first-txt>div{
font-size: 16px;
line-height: 1.5;
font-weight: bold;
color: #de0011;
font-size: 15px;
line-height: 2;
}
.first-txt>p{
font-size: 14px;
@ -318,9 +316,41 @@
margin: 10px 0;
cursor: pointer;
}
.index-news-list li>a{
.index-news-list li .first-txt{
display: flex;
align-items: center;
justify-content: space-between;
}
.index-news-list li.index-news-first .first-txt{
display: block;
width: calc(100% - 196px);
}
.index-news-list li .first-img,
.index-news-list li .first-txt>p{
display: none;
}
.index-news-list li.index-news-first .first-img,
.index-news-list li.index-news-first .first-txt>p{
display: block;
}
.index-news-list li .first-txt>div{
width: 85%;
}
.index-news-list li.index-news-first .first-txt>div{
width: 100%;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
color: #de0011;
}
.index-news-list li.index-news-first{
margin-bottom: 20px;
}
.index-news-list li>a{
width: 100%;
}
.index-news-list li>a::before{
content: "";
display: block;
@ -330,6 +360,10 @@
margin:12px 10px 0 0;
float: left;
}
.index-news-list li.index-news-first>a::before{
display: none;
}
.index-news-list li>span{
font-size: 13px;
opacity: .7;
@ -337,10 +371,6 @@
.index-news-right{
width: calc(60% - 34px);
}
.index-news-list li:hover a{
color: #de0011;
transition: all .6s;
}
/* 主营业务 */
.index-information{
@ -403,7 +433,7 @@
.index-business-txt{
position: absolute;
left: 50%;
top: 45%;
top: calc(50% - 60px);
transform: translate(-50%,-50%);
text-align: center;
color: #FFFFFF;
@ -577,10 +607,13 @@
.foot{
display: flex;
justify-content: space-between;
padding: 50px;
padding: 50px 0;
font-size: 14px;
color: #FFFFFF;
}
.index-foot{
padding: 50px;
}
.foot-left{
width: 50%;
}
@ -774,6 +807,7 @@
/* 领导致辞 */
.speech-bg{
padding: 75px 0;
background-image: url(../imgs/speech-bg.jpg);
background-repeat: no-repeat;
background-position: center;
@ -816,11 +850,11 @@
.speech-txt{
font-size: 14px;
text-align: justify;
line-height: 1.8;
line-height: 2.1;
color: #FFFFFF;
}
.speech-txt p{
margin-top: 30px;
margin-top: 28px;
}
.speech-txt img{
max-width: 100%;
@ -1155,7 +1189,7 @@
justify-content: space-between;
align-items: center;
padding: 28px 0 25px;
margin-top: 30px;
margin-top: 20px;
border-top: 1px solid #e3e3e3;
}
.news-page>a{
@ -1397,7 +1431,7 @@
align-items: center;
}
.inspect-time{
width: 80px;
width: 82px;
padding-right: 20px;
border-right: 1px solid #ebebeb;
text-align: right;
@ -1558,6 +1592,10 @@
font-size: 16px;
line-height: 3;
}
.team-list-other li:hover>a{
color: #DE0011;
transition: all .6s;
}
.team-list-other li>a::before{
content: "";
display: block;
@ -1628,7 +1666,7 @@
.information-content{
display: flex;
justify-content: space-between;
align-items: center;
align-items: flex-start;
margin-bottom: 45px;
}
.information-txt{
@ -1718,6 +1756,7 @@
font-size: 15px;
line-height: 1.8;
text-align: center;
opacity: .8;
}
.contact-top li>img{
width: 105px;
@ -2695,4 +2734,13 @@ textarea::-webkit-input-placeholder {
.social-img img{
min-height: 230px;
}
.join-list li>div:nth-of-type(1)>strong:last-child, .join-list li>div:nth-of-type(1)>span:last-child{
width: 18%;
}
.join-list li>div:nth-of-type(1)>strong:first-child, .join-list li>div:nth-of-type(1)>span:first-child{
width: 38%;
}
.join-list li>div:nth-of-type(1)>strong, .join-list li>div:nth-of-type(1)>span{
font-size: 12px;
}
}

20
guide.html
View File

@ -84,7 +84,7 @@
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -96,7 +96,7 @@
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -108,7 +108,7 @@
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -120,7 +120,7 @@
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -132,7 +132,7 @@
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -144,7 +144,7 @@
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -156,7 +156,7 @@
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -168,7 +168,7 @@
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -180,7 +180,7 @@
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -192,7 +192,7 @@
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>

88
index.html
View File

@ -111,23 +111,77 @@
</div>
<div class="index-news-all">
<div class="index-news-item">
<div class="index-news-first">
<a href="news-detail.html">
<div class="first-img"><img src="imgs/news-02.png" alt=""></div>
<div class="first-txt">
<div class="clips1">2022年春节送温暖慰问活动暨安全环保督察工作</div>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董事长张瑞英党委委员副董事长李洲等一行赴都金公司开展活动暨安全生产及...</p>
<span>2022.01.20</span>
</div>
</a>
</div>
<ul class="index-news-list">
<li><a href="news-detail.html" class="clips1">蜀道城乡集团党委认真传达学习习近平总书记重要讲话和重要指示精神</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">成渝公司成雅分公司召开党史学习教育专题民主生活会</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">蜀道城乡集团党委认真传达学习习近平总书记重要讲话和重要指示精神</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">成渝公司成雅分公司召开党史学习教育专题民主生活会</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">蜀道城乡集团党委认真传达学习习近平总书记重要讲话和重要指示精神</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">成渝公司成雅分公司召开党史学习教育专题民主生活会</a><span>2022.01.20</span></li>
<li>
<a href="news-detail.html">
<div class="first-img"><img src="imgs/news-02.png" alt=""></div>
<div class="first-txt">
<div class="clips1">2022年春节送温暖慰问活动暨安全环保督察工作</div>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董事长张瑞英党委委员副董事长李洲等一行赴都金公司开展活动暨安全生产及...</p>
<span>2022.01.20</span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="first-img"><img src="imgs/news-02.png" alt=""></div>
<div class="first-txt">
<div class="clips1">2022年春节送温暖慰问活动暨安全环保督察工作</div>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董事长张瑞英党委委员副董事长李洲等一行赴都金公司开展活动暨安全生产及...</p>
<span>2022.01.20</span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="first-img"><img src="imgs/news-02.png" alt=""></div>
<div class="first-txt">
<div class="clips1">2022年春节送温暖慰问活动暨安全环保督察工作</div>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董事长张瑞英党委委员副董事长李洲等一行赴都金公司开展活动暨安全生产及...</p>
<span>2022.01.20</span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="first-img"><img src="imgs/news-02.png" alt=""></div>
<div class="first-txt">
<div class="clips1">2022年春节送温暖慰问活动暨安全环保督察工作</div>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董事长张瑞英党委委员副董事长李洲等一行赴都金公司开展活动暨安全生产及...</p>
<span>2022.01.20</span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="first-img"><img src="imgs/news-02.png" alt=""></div>
<div class="first-txt">
<div class="clips1">2022年春节送温暖慰问活动暨安全环保督察工作</div>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董事长张瑞英党委委员副董事长李洲等一行赴都金公司开展活动暨安全生产及...</p>
<span>2022.01.20</span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="first-img"><img src="imgs/news-02.png" alt=""></div>
<div class="first-txt">
<div class="clips1">2022年春节送温暖慰问活动暨安全环保督察工作</div>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董事长张瑞英党委委员副董事长李洲等一行赴都金公司开展活动暨安全生产及...</p>
<span>2022.01.20</span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="first-img"><img src="imgs/news-02.png" alt=""></div>
<div class="first-txt">
<div class="clips1">2022年春节送温暖慰问活动暨安全环保督察工作</div>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董事长张瑞英党委委员副董事长李洲等一行赴都金公司开展活动暨安全生产及...</p>
<span>2022.01.20</span>
</div>
</a>
</li>
</ul>
</div>
<div class="index-news-item">
@ -317,7 +371,7 @@
</div>
<!-- 底部部分 -->
<footer class="footer w1690">
<div class="foot">
<div class="index-foot foot">
<div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） </p>
<p>Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p>

20
inspect.html
View File

@ -85,7 +85,7 @@
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -99,7 +99,7 @@
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -113,7 +113,7 @@
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -127,7 +127,7 @@
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -141,7 +141,7 @@
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -155,7 +155,7 @@
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -169,7 +169,7 @@
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -183,7 +183,7 @@
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -197,7 +197,7 @@
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -211,7 +211,7 @@
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
<span>2022-01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>

12
join.html
View File

@ -92,7 +92,7 @@
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
<span class="more">展开详情</span>
</div>
<div class="join-txt">
<p>
@ -122,7 +122,7 @@
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
<span class="more">展开详情</span>
</div>
<div class="join-txt">
<p>
@ -153,7 +153,7 @@
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
<span class="more">展开详情</span>
</div>
<div class="join-txt">
<p>
@ -184,7 +184,7 @@
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
<span class="more">展开详情</span>
</div>
<div class="join-txt">
<p>
@ -215,7 +215,7 @@
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
<span class="more">展开详情</span>
</div>
<div class="join-txt">
<p>
@ -246,7 +246,7 @@
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
<span class="more">展开详情</span>
</div>
<div class="join-txt">
<p>

35
js/javascript.js
View File

@ -37,6 +37,12 @@ jQuery(function($){
$(".index-news-all>div").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
});
// 首页新闻动态hover
$(".index-news-list>li").eq(0).addClass("index-news-first");
$(".index-news-list>li").hover(function() {
$(".index-news-list>li").eq($(this).index()).addClass("index-news-first").siblings().removeClass('index-news-first');
});
// 首页主营业务切换
$(".index-business-item>li").eq(0).addClass("active");
$(".index-business-list>li").eq(0).addClass("cur");
@ -151,59 +157,62 @@ jQuery(function($){
// 走进蜀能锚点
if(screen.width <= 980){
$('.abstract').click(function(){
$('.abstract-btn').click(function(){
$('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 128}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
$('.speech').click(function(){
$('.speech-btn').click(function(){
$('html,body').animate({scrollTop:$('.speech-bg').offset().top - 128}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
$('.team').click(function(){
$('.team-btn').click(function(){
$('html,body').animate({scrollTop:$('.team-bg').offset().top - 128}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
$('.organization').click(function(){
$('.organization-btn').click(function(){
$('html,body').animate({scrollTop:$('.organization-bg').offset().top - 128}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
$('.memorabilia').click(function(){
$('.memorabilia-btn').click(function(){
$('html,body').animate({scrollTop:$('.memorabilia-bg').offset().top - 128}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
}else{
$('.abstract').click(function(){
$('.abstract-btn').click(function(){
$('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 147}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
$('.speech').click(function(){
$('.speech-btn').click(function(){
$('html,body').animate({scrollTop:$('.speech-bg').offset().top - 147}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
$('.team').click(function(){
$('.team-btn').click(function(){
$('html,body').animate({scrollTop:$('.team-bg').offset().top - 147}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
$('.organization').click(function(){
$('.organization-btn').click(function(){
$('html,body').animate({scrollTop:$('.organization-bg').offset().top - 147}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
$('.memorabilia').click(function(){
$('.memorabilia-btn').click(function(){
$('html,body').animate({scrollTop:$('.memorabilia-bg').offset().top - 147}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
}
// 团队风采滚动
@ -306,13 +315,17 @@ jQuery(function($){
// 加入我们切换
$('.join-item').click(function() {
if($(this).parent().attr('class') == 'active'){
$('.join-list li').removeClass('active')
$('.join-list li').removeClass('active');
$('.join-list>li').find(".more").html("展开详情")
}else{
$('.join-list li').removeClass('active')
$(this).parent().addClass('active')
$('.join-list>li').find(".more").html("展开详情")
$('.join-list>li.active').find(".more").html("收起详情")
}
});
// 手机导航按钮
$('.head .head-btn').click(function() {
if ($('.head .head-btn').attr('class') == 'head-btn cur') {