topnuomi
/
zxf
mirror of https://gitee.com/topnuomi/zxf
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

优化页面样式

This commit is contained in:
TOP糯米 2023-10-06 12:18:52 +08:00
parent af8c0c4192
commit 2ba5580b91
4 changed files with 22 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/responsive.css
View File

@ -36,7 +36,7 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
animation-duration: 0.35s; animation-duration: 0.35s;
background-image: url('/images/transparent-bg.png'); background-image: url('../images/transparent-bg.png');
} }
.header .menu .menu-btn { .header .menu .menu-btn {
font-size: 0; font-size: 0;
@ -166,8 +166,8 @@
margin-top: 30px; margin-top: 30px;
} }
.section.about-textarea .img-group .item { .section.about-textarea .img-group .item {
width: 110px; width: 32%;
height: 70px; height: auto;
} }
.section.mapcont { .section.mapcont {
margin-top: 0; margin-top: 0;
@ -336,6 +336,7 @@
} }
.s-section.s1-first { .s-section.s1-first {
margin-top: 30px; margin-top: 30px;
margin-bottom: 30px;
} }
.section.business-nav { .section.business-nav {
width: 100%; width: 100%;
@ -382,8 +383,9 @@
text-align: center; text-align: center;
} }
.business-cont.s3 { .business-cont.s3 {
margin-top: 0; margin-top: 50px;
padding-bottom: 0; padding-bottom: 0;
padding-top: 0;
background-color: unset; background-color: unset;
} }
.business-cont.s3 .mid-box { .business-cont.s3 .mid-box {
@ -411,9 +413,6 @@
.business-cont.s4 { .business-cont.s4 {
padding: 30px 0; padding: 30px 0;
} }
.s-section.s1-first {
margin-bottom: 30px;
}
.s-content.g1 { .s-content.g1 {
text-align: center; text-align: center;
} }

14
css/responsive.less
View File

@ -48,7 +48,7 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
animation-duration: 0.35s; animation-duration: 0.35s;
background-image: url('/images/transparent-bg.png'); background-image: url('../images/transparent-bg.png');
} }
.menu-btn { .menu-btn {
@ -222,8 +222,8 @@
margin-top: 30px; margin-top: 30px;
.item { .item {
width: 110px; width: 32%;
height: 70px; height: auto;
} }
} }
@ -448,6 +448,7 @@
.s-section.s1-first { .s-section.s1-first {
margin-top: 30px; margin-top: 30px;
margin-bottom: 30px;
} }
.section.business-nav { .section.business-nav {
@ -509,8 +510,9 @@
} }
.business-cont.s3 { .business-cont.s3 {
margin-top: 0; margin-top: 50px;
padding-bottom: 0; padding-bottom: 0;
padding-top: 0;
background-color: unset; background-color: unset;
.mid-box { .mid-box {
@ -546,10 +548,6 @@
padding: 30px 0; padding: 30px 0;
} }
.s-section.s1-first {
margin-bottom: 30px;
}
.s-content.g1 { .s-content.g1 {
text-align: center; text-align: center;

9
css/style.css
View File

@ -46,7 +46,7 @@
left: 0; left: 0;
right: 0; right: 0;
width: 100%; width: 100%;
background-image: url('/images/transparent-bg.png'); background-image: url('../images/transparent-bg.png');
} }
.header .main { .header .main {
height: 90px; height: 90px;
@ -194,7 +194,7 @@
line-height: 36px; line-height: 36px;
} }
.section.idx-about .ia-image { .section.idx-about .ia-image {
width: 100%; max-width: 100%;
margin-top: 80px; margin-top: 80px;
font-size: 0; font-size: 0;
} }
@ -305,6 +305,7 @@
.section.mapcont .mcont { .section.mapcont .mcont {
margin-top: 70px; margin-top: 70px;
text-align: center; text-align: center;
font-size: 0;
} }
.section.mapcont .mcont img { .section.mapcont .mcont img {
max-width: 100%; max-width: 100%;
@ -332,7 +333,7 @@
display: inline-block; display: inline-block;
width: 27px; width: 27px;
height: 27px; height: 27px;
background-image: url('/images/daohang.png'); background-image: url('../images/daohang.png');
background-size: 100%; background-size: 100%;
flex-shrink: 0; flex-shrink: 0;
} }
@ -459,7 +460,7 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
background-image: url('/images/transparent-bg.png'); background-image: url('../images/transparent-bg.png');
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #FFFFFF;

9
css/style.less
View File

@ -60,7 +60,7 @@
left: 0; left: 0;
right: 0; right: 0;
width: 100%; width: 100%;
background-image: url('/images/transparent-bg.png'); background-image: url('../images/transparent-bg.png');
.main { .main {
height: 90px; height: 90px;
@ -254,7 +254,7 @@
} }
.ia-image { .ia-image {
width: 100%; max-width: 100%;
margin-top: 80px; margin-top: 80px;
font-size: 0; font-size: 0;
@ -393,6 +393,7 @@
.mcont { .mcont {
margin-top: 70px; margin-top: 70px;
text-align: center; text-align: center;
font-size: 0;
img { img {
max-width: 100%; max-width: 100%;
@ -425,7 +426,7 @@
display: inline-block; display: inline-block;
width: 27px; width: 27px;
height: 27px; height: 27px;
background-image: url('/images/daohang.png'); background-image: url('../images/daohang.png');
background-size: 100%; background-size: 100%;
flex-shrink: 0; flex-shrink: 0;
} }
@ -588,7 +589,7 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
background-image: url('/images/transparent-bg.png'); background-image: url('../images/transparent-bg.png');
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #FFFFFF;