Layout fixed

This commit is contained in:
Vion
2022-01-08 20:29:31 +08:00
parent 82e02dbc0b
commit 15c71d6348
24 changed files with 2653 additions and 4390 deletions

View File

@@ -11,60 +11,41 @@
}
.rc-main {
width: 100%;
overflow: hidden;
.usersearch {
width: 93%;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.active{
border: 2px solid #E2001A;
color: #E2001A;
cursor: pointer;
}
.unactive{
border: 2px solid #d7d7d7;
color:#999999;
cursor: pointer;
}
}
//手机端
@media screen and (max-width: 768px) {
.usercontentshow{
position: relative;
z-index: 995;
}
.rc-mubu{
height: 100%;
background: #333333;
opacity: 0.6;
position: absolute;
bottom: 0;
width: 100%;
z-index: 998;
}
.rc-bottom{
position: relative;
background: white;
z-index: 9;
.rc-bottoma{
margin-bottom:2rem;
}
.rc-footer{
position: absolute;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
display: flex;
align-items: center;
justify-content: space-evenly;
width: 100%;
padding: 0 0.5rem;
box-sizing: border-box;
span{
width: 1.55rem;
height: 0.48rem;
border: 2px solid #E1001A;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.14rem;
color: #E1001A;
border-radius: 0.30rem;
width: 1.55rem;
height: 0.48rem;
border: 2px solid #E1001A;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.14rem;
color: #E1001A;
border-radius: 0.30rem;
}
em{
width: 1.55rem;
@@ -96,11 +77,7 @@
cursor: pointer;
}
position: relative;
height: 100%;
height: 6.17rem;
background: white;
z-index: 999;
.rc-productcat {
display: flex;
align-items: center;
@@ -266,38 +243,6 @@ border-radius: 100px;
}
}
.rc-age{
display: flex;
h2{
font-size: 16px;
color: #333333;
margin-left: 12px;
}
ol{
display: flex;
align-items: center;
flex-wrap: nowrap;
font-size: 12px;
text-align: center;
width: 80%;
overflow-x: auto;
white-space: nowrap;
}
li{
display: inline-block;
text-align: center;
display: flex;
align-items: center;
height: 26px;
background: #FFFFFF;
border: 1px solid #D7D7D7;
padding: 0 5px 0 5px;
border-radius: 100px;
}
}
.rc-contair{
margin-top: 24px;
.rc-rccontair{
@@ -416,18 +361,6 @@ margin-top: 20px;
.rc-cat{
margin-top: 24px;
}
.active{
border: 2px solid #E2001A;
color: #E2001A;
cursor: pointer;
}
.unactive{
border: 2px solid #d7d7d7;
color:#999999;
cursor: pointer;
}
.rc-productcat {
display: flex;
align-items: center;
@@ -589,38 +522,7 @@ margin-top: 20px;
margin-left: 40px;
color: #999999;
}
}
.rc-age{
display: flex;
h2{
font-size: 20px;
color: #333333;
margin-left: 12px;
}
ol{
display: flex;
align-items: center;
flex-wrap: nowrap;
font-size: 12px;
text-align: center;
width: 80%;
}
li{
margin-left: 40px;
width: 130px;
height: 40px;
border: 2px solid #D7D7D7;
border-radius: 30px;
background: #FFFFFF;
line-height: 40px;
float: left;
color: #999999;
}
}
}
.rc-contair{
margin-top: 40px;