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="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/business-swiper.jpg" alt="">
<span><img src="imgs/business-swiper.jpg" alt=""></span>
</div>
<div class="swiper-slide">
<img src="imgs/news-01.png" alt="">
<span><img src="imgs/news-01.png" alt=""></span>
</div>
<div class="swiper-slide">
<img src="imgs/business-swiper.jpg" alt="">
<span><img src="imgs/business-swiper.jpg" alt=""></span>
</div>
</div>
</div>

70
css/style.css
View File

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