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

测试反馈修改完成

master
Lee-1203 2022-02-14 16:21:19 +08:00
parent 509d5bc162
commit 155a55700b
2 changed files with 62 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
business.html
View File

@ -111,13 +111,13 @@
<div class="preview-swiper swiper"> <div class="preview-swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<img src="imgs/business-swiper.jpg" alt=""> <span><img src="imgs/business-swiper.jpg" alt=""></span>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img src="imgs/news-01.png" alt=""> <span><img src="imgs/news-01.png" alt=""></span>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img src="imgs/business-swiper.jpg" alt=""> <span><img src="imgs/business-swiper.jpg" alt=""></span>
</div> </div>
</div> </div>
</div> </div>

70
css/style.css
View File

@ -19,10 +19,6 @@
font-family:"AlibabaSans-Light"; font-family:"AlibabaSans-Light";
src: url(../fonts/AlibabaSans-Light.otf); src: url(../fonts/AlibabaSans-Light.otf);
} }
.swiper-button-prev,
.swiper-button-next:focus {
outline: none;
}
/* 头部 */ /* 头部 */
.header{ .header{
height: 90px; height: 90px;
@ -1256,6 +1252,13 @@
margin-bottom: 20px; margin-bottom: 20px;
background-color: #FFFFFF; background-color: #FFFFFF;
} }
.preview .swiper-slide-thumb-active>span{
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
overflow: hidden;
margin: 4px auto;
}
.preview .swiper-slide img{ .preview .swiper-slide img{
width: 100%; width: 100%;
min-height: 178px; min-height: 178px;
@ -1264,7 +1267,6 @@
.preview .swiper-slide-thumb-active{ .preview .swiper-slide-thumb-active{
border: 1px solid #eda4a9; border: 1px solid #eda4a9;
padding: 4px;
} }
.preview .swiper-slide-thumb-active img{ .preview .swiper-slide-thumb-active img{
@ -1272,6 +1274,7 @@
min-height: 168px; min-height: 168px;
cursor: pointer; cursor: pointer;
} }
.preview-arrow{ .preview-arrow{
display: flex; display: flex;
width: 116px; width: 116px;
@ -1314,6 +1317,10 @@
border-left: 0; border-left: 0;
cursor: pointer; cursor: pointer;
} }
.preview-arrow-prev,
.preview-arrow-next:focus {
outline: none;
}
.preview-arrow .preview-arrow-prev:hover{ .preview-arrow .preview-arrow-prev:hover{
background-color: #de0011; background-color: #de0011;
background-image: url(../imgs/arrow-left2.png); background-image: url(../imgs/arrow-left2.png);
@ -1929,8 +1936,29 @@ textarea::-webkit-input-placeholder {
.pull-banner-title p{ .pull-banner-title p{
font-size: 28px; font-size: 28px;
} }
.preview .swiper-slide{
height: 150px;
overflow: hidden;
}
.preview .swiper-slide img{
min-height: 150px;
}
.preview .swiper-slide-thumb-active img{
min-height: 140px;
}
}
@media screen and (max-width:1340px){
.preview .swiper-slide{
height: 146px;
overflow: hidden;
}
.preview .swiper-slide img{
min-height: 146px;
}
.preview .swiper-slide-thumb-active img{
min-height: 136px;
}
} }
@media screen and (max-width:1280px){ @media screen and (max-width:1280px){
.logo h1{ .logo h1{
font-size: 20px; font-size: 20px;
@ -1963,18 +1991,28 @@ textarea::-webkit-input-placeholder {
.pull-banner-title p{ .pull-banner-title p{
font-size: 28px; font-size: 28px;
} }
}
@media screen and (max-width:1180px){
.preview .swiper-slide{ .preview .swiper-slide{
height: 134px; height: 130px;
margin-bottom: 10px; overflow: hidden;
} }
.preview .swiper-slide img{ .preview .swiper-slide img{
min-height: 134px; min-height: 130px;
} }
.preview .swiper-slide-thumb-active img{ .preview .swiper-slide-thumb-active img{
min-height: 120px; min-height: 120px;
} }
}
@media screen and (max-width:1180px){
.preview .swiper-slide{
height: 124px;
margin-bottom: 10px;
}
.preview .swiper-slide img{
min-height: 124px;
}
.preview .swiper-slide-thumb-active img{
min-height: 114px;
}
.enterprise-txt{ .enterprise-txt{
height: 280px; height: 280px;
padding-top: 45px; padding-top: 45px;
@ -2014,6 +2052,16 @@ textarea::-webkit-input-placeholder {
} }
} }
@media screen and (max-width:1080px){ @media screen and (max-width:1080px){
.preview .swiper-slide{
height: 115px;
margin-bottom: 10px;
}
.preview .swiper-slide img{
min-height: 115px;
}
.preview .swiper-slide-thumb-active img{
min-height: 105px;
}
.nav li>a, .nav li.active>a{ .nav li>a, .nav li.active>a{
padding: 0 12px; padding: 0 12px;
font-size: 15px; font-size: 15px;