From 207b35303caa0d1e9acbadf0c908a52a7def051f Mon Sep 17 00:00:00 2001 From: Lee1203 <342694918@qq.com> Date: Fri, 25 Feb 2022 22:04:19 +0800 Subject: [PATCH] =?UTF-8?q?=E6=89=8B=E6=9C=BA=E7=AB=AF=E5=88=86=E7=B1=BB?= =?UTF-8?q?=E5=AF=BC=E8=88=AA=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- about.html | 17 ++++--- business-02.html | 18 ++++--- business.html | 18 ++++--- contact.html | 10 ++-- css/style.css | 119 +++++++++++++++++++++++--------------------- culture.html | 12 +++-- guide.html | 12 +++-- information.html | 12 +++-- inspect-detail.html | 12 +++-- inspect.html | 12 +++-- join.html | 10 ++-- js/about.js | 12 ++--- js/javascript.js | 7 ++- new_file.html | 9 ---- news-detail.html | 10 ++-- news.html | 10 ++-- results.html | 12 +++-- social.html | 12 +++-- team.html | 12 +++-- 19 files changed, 183 insertions(+), 153 deletions(-) delete mode 100644 new_file.html diff --git a/about.html b/about.html index 9d6cba2..3f58de0 100644 --- a/about.html +++ b/about.html @@ -66,13 +66,16 @@
- +
+ +
diff --git a/business-02.html b/business-02.html index 0dbd0fc..24ea86a 100644 --- a/business-02.html +++ b/business-02.html @@ -66,14 +66,16 @@
- +
+ +
diff --git a/business.html b/business.html index 315e788..2acaa26 100644 --- a/business.html +++ b/business.html @@ -66,14 +66,16 @@
- +
+ +
diff --git a/contact.html b/contact.html index 1062fc0..259eb8a 100644 --- a/contact.html +++ b/contact.html @@ -66,10 +66,12 @@
- +
+ +
diff --git a/css/style.css b/css/style.css index 887f396..2ad5e9b 100644 --- a/css/style.css +++ b/css/style.css @@ -263,7 +263,7 @@ .index-news-left span>em{ width: 53px; height: 11px; - background-image: url(../images/news-more.png); + background-image: url(../imgs/news-more.png); background-size: 100%; } .index-news-left:hover .left-title{ @@ -285,7 +285,7 @@ height: 159px; padding: 18px 15px; background-color: #FFFFFF; - box-shadow: 0 0 8px rgba(201,201,201,0.3); + box-shadow: 0 0 12px rgba(160,160,160,0.4); } .index-news-first>a{ display: flex; @@ -507,7 +507,7 @@ .index-about{ margin-top: 50px; padding: 50px; - background-image: url(../images/about-bg.jpg); + background-image: url(../imgs/about-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; @@ -611,7 +611,7 @@ /* 尾部 */ .footer{ - background-image: url(../images/foot-bg.jpg); + background-image: url(../imgs/foot-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; @@ -759,18 +759,21 @@ background-color: #FFFFFF; margin: 0 auto; } -.pull-item{ - display: flex; - justify-content: center; +.pull-item-all{ width: 100%; - height: 58px; - background-color: rgba(0,0,0,0.4); position: absolute; bottom: 0; left: 0; z-index: 99; } -.pull-item.pull-item-fixed{ +.pull-item{ + display: flex; + justify-content: center; + width: auto; + height: 58px; + background-color: rgba(0,0,0,0.4); +} +.pull-item-all.pull-item-fixed{ width: 1690px; position: fixed; top: 90px; @@ -835,7 +838,7 @@ /* 领导致辞 */ .speech-bg{ padding: 75px 0; - background-image: url(../images/speech-bg.jpg); + background-image: url(../imgs/speech-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; @@ -938,6 +941,8 @@ } .team-list .team-item span{ display: block; + width: 100%; + height: 27px; font-size: 18px; line-height: 1.5; margin: 15px 0 10px; @@ -950,7 +955,7 @@ /* 组织机构 */ .organization-bg{ - background-image: url(../images/organization-bg.jpg); + background-image: url(../imgs/organization-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; @@ -967,7 +972,7 @@ /* 大事记 */ .memorabilia-bg{ - background-image: url(../images/memorabilia-bg.jpg); + background-image: url(../imgs/memorabilia-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; @@ -1060,7 +1065,7 @@ background-color: #de0011; margin-top: -25.5px; left: 0; - background-image: url(../images/join-arrow-left.png); + background-image: url(../imgs/join-arrow-left.png); background-size: 20px 22px; } .memorabili-swiper .swiper-button-next{ @@ -1070,7 +1075,7 @@ background-color: #de0011; margin-top: -25.5px; right: 0; - background-image: url(../images/join-arrow-right.png); + background-image: url(../imgs/join-arrow-right.png); background-size: 20px 22px; } .memorabili-swiper .swiper-button-disabled{ @@ -1093,7 +1098,7 @@ /* 新闻动态 */ .news-bg{ - background-image: url(../images/news-bg.jpg); + background-image: url(../imgs/news-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; @@ -1147,7 +1152,7 @@ .news-txt span>em{ width: 53px; height: 11px; - background-image: url(../images/news-more.png); + background-image: url(../imgs/news-more.png); background-size: 100%; } .news-list li:hover img{ @@ -1162,7 +1167,7 @@ transition: all .6s; } .news-list li:hover .news-txt span>em{ - background-image: url(../images/news-more2.png); + background-image: url(../imgs/news-more2.png); transition: all .6s; } @@ -1361,7 +1366,7 @@ width: 58px; height: 48px; border: 1px solid #e7626c; - background-image: url(../images/arrow-left.png); + background-image: url(../imgs/arrow-left.png); background-repeat: no-repeat; background-position: center; background-size: 21px 20px; @@ -1374,7 +1379,7 @@ width: 58px; height: 48px; border: 1px solid #e7626c; - background-image: url(../images/arrow-right.png); + background-image: url(../imgs/arrow-right.png); background-repeat: no-repeat; background-position: center; background-size: 21px 20px; @@ -1389,11 +1394,11 @@ } .preview-arrow .preview-arrow-prev:hover{ background-color: #de0011; - background-image: url(../images/arrow-left2.png); + background-image: url(../imgs/arrow-left2.png); } .preview-arrow .preview-arrow-next:hover{ background-color: #de0011; - background-image: url(../images/arrow-right2.png); + background-image: url(../imgs/arrow-right2.png); } .preview-arrow .swiper-button-disabled{ @@ -1406,11 +1411,11 @@ } .preview-arrow .preview-arrow-prev.swiper-button-disabled:hover{ background-color: rgba(0,0,0,0); - background-image: url(../images/arrow-left.png); + background-image: url(../imgs/arrow-left.png); } .preview-arrow .preview-arrow-next.swiper-button-disabled:hover{ background-color: rgba(0,0,0,0); - background-image: url(../images/arrow-right.png); + background-image: url(../imgs/arrow-right.png); } @@ -1465,7 +1470,7 @@ display: block; width: 16px; height: 10px; - background-image: url(../images/area-more.png); + background-image: url(../imgs/area-more.png); background-size: 16px 10px; margin-left: 6px; } @@ -1563,7 +1568,7 @@ .inspect-list li:hover .inspect-txt>span>em{ width: 53px; height: 11px; - background-image: url(../images/news-more.png); + background-image: url(../imgs/news-more.png); background-size: 100%; } @@ -2019,7 +2024,7 @@ textarea::-webkit-input-placeholder { .w1690{ width: 94%; } - .pull-item.pull-item-fixed{ + .pull-item-all.pull-item-fixed{ width: 94%; } .logo h1{ @@ -2335,15 +2340,6 @@ textarea::-webkit-input-placeholder { padding: 0 20px; font-size: 15px; } - .pull-item-02 li>a{ - padding: 0 15px; - font-size: 14px; - } - .pull-item-03 li>a{ - padding: 0 12px; - font-size: 14px; - text-align: center; - } .banner-swiper{ width: 100%; height: 400px; @@ -2718,7 +2714,34 @@ textarea::-webkit-input-placeholder { .pull-title span{ font-size: 14px; } - .pull-item.pull-item-fixed{ + .pull-item-all{ + width: 100%; + height: 58px; + overflow-y: hidden; + position: absolute; + left: 0; + bottom: 0; + } + .pull-item{ + display: flex; + justify-content: center; + height: 58px; + overflow-x: auto; + overflow-y: hidden; + } + .pull-item>li{ + display: block; + width: 90px; + float: left; + } + .pull-item>li a{ + line-height: 58px; + padding: 0; + text-align: center; + } + + .pull-item-all.pull-item-fixed{ + width: 100%; top: 70px; } .news-list li, @@ -3005,31 +3028,11 @@ textarea::-webkit-input-placeholder { } } @media screen and (max-width:414px){ - .pull-item.pull-item-fixed{ + .pull-item-all.pull-item-fixed{ width: 100%; } - .pull-item-02 li>a{ - padding: 0 8px; - font-size: 14px; - } - .pull-item-03 li>a{ - padding: 7px 12px; - line-height: 22px; - font-size: 15px; - text-align: center; - } } @media screen and (max-width:350px){ - .pull-item-02 li>a{ - padding: 0 6px; - font-size: 13px; - } - .pull-item-03 li>a{ - padding: 9px 8px; - line-height: 20px; - font-size: 14px; - text-align: center; - } .pase-size a{ width: 22px; line-height: 22px; diff --git a/culture.html b/culture.html index 8b3b40b..0795b9e 100644 --- a/culture.html +++ b/culture.html @@ -66,11 +66,13 @@
- +
+ +
diff --git a/guide.html b/guide.html index 3546811..44cff4e 100644 --- a/guide.html +++ b/guide.html @@ -66,11 +66,13 @@
- +
+ +
diff --git a/information.html b/information.html index b67c8e7..b05e194 100644 --- a/information.html +++ b/information.html @@ -66,11 +66,13 @@
- +
+ +
diff --git a/inspect-detail.html b/inspect-detail.html index 311d375..4fa3991 100644 --- a/inspect-detail.html +++ b/inspect-detail.html @@ -66,11 +66,13 @@
- +
+ +
diff --git a/inspect.html b/inspect.html index e87cea7..fe19910 100644 --- a/inspect.html +++ b/inspect.html @@ -66,11 +66,13 @@
- +
+ +
diff --git a/join.html b/join.html index 685d2df..9c0094d 100644 --- a/join.html +++ b/join.html @@ -66,10 +66,12 @@
- +
+ +
diff --git a/js/about.js b/js/about.js index 133579e..e4496e6 100644 --- a/js/about.js +++ b/js/about.js @@ -1,5 +1,5 @@ if(screen.width <= 980){ - let navTop = $(".pull-item").offset().top-70; + let navTop = $(".pull-item-all").offset().top-70; let abstractTop = $(".abstract-bg").offset().top-129; let speechTop = $(".speech-bg").offset().top-129; let teamTop = $(".team-bg").offset().top-129; @@ -8,9 +8,9 @@ if(screen.width <= 980){ $(window).bind("scroll",function(){ let topScroll=$(this).scrollTop();//当前窗口的滚动距离 if(topScroll > navTop){ - $(".pull-item").addClass("pull-item-fixed") + $(".pull-item-all").addClass("pull-item-fixed") }else{ - $(".pull-item").removeClass("pull-item-fixed") + $(".pull-item-all").removeClass("pull-item-fixed") } if(topScroll > abstractTop){ @@ -35,7 +35,7 @@ if(screen.width <= 980){ } }); }else{ - let navTop = $(".pull-item").offset().top-90; + let navTop = $(".pull-item-all").offset().top-90; let abstractTop = $(".abstract-bg").offset().top-149; let speechTop = $(".speech-bg").offset().top-149; let teamTop = $(".team-bg").offset().top-149; @@ -44,9 +44,9 @@ if(screen.width <= 980){ $(window).bind("scroll",function(){ let topScroll=$(this).scrollTop();//当前窗口的滚动距离 if(topScroll > navTop){ - $(".pull-item").addClass("pull-item-fixed") + $(".pull-item-all").addClass("pull-item-fixed") }else{ - $(".pull-item").removeClass("pull-item-fixed") + $(".pull-item-all").removeClass("pull-item-fixed") } if(topScroll > abstractTop){ $(".pull-item li").removeClass("cur"); diff --git a/js/javascript.js b/js/javascript.js index 8000a03..b20c9e8 100644 --- a/js/javascript.js +++ b/js/javascript.js @@ -213,7 +213,12 @@ jQuery(function($){ }); } - + // 获取nav宽度 + if(screen.width <= 780){ + var liNumber = $(".pull-item>li").length; + var ulWidth = liNumber*90 + 'px'; + $('.pull-item').css('min-width',ulWidth) + } // 团队风采滚动 if(screen.width <= 860){ diff --git a/new_file.html b/new_file.html deleted file mode 100644 index b021d8e..0000000 --- a/new_file.html +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/news-detail.html b/news-detail.html index 4a49f86..61a27a4 100644 --- a/news-detail.html +++ b/news-detail.html @@ -66,10 +66,12 @@
- +
+ +
diff --git a/news.html b/news.html index 1594806..586bde5 100644 --- a/news.html +++ b/news.html @@ -66,10 +66,12 @@
- +
+ +
diff --git a/results.html b/results.html index e40601a..7a9afd3 100644 --- a/results.html +++ b/results.html @@ -66,11 +66,13 @@
- +
+ +
diff --git a/social.html b/social.html index abbbdf1..e741240 100644 --- a/social.html +++ b/social.html @@ -66,11 +66,13 @@
- +
+ +
diff --git a/team.html b/team.html index c8bcdd3..3feabe1 100644 --- a/team.html +++ b/team.html @@ -66,11 +66,13 @@
- +
+ +