This commit is contained in:
952108534@qq.com
2022-01-20 12:13:02 +08:00
parent d3682fa241
commit b907a6292c
10 changed files with 574 additions and 390 deletions

View File

@@ -9,10 +9,18 @@ ul li ol li em strong i {
//rc-main start
margin-top:.23rem;
.usersearch {
.ts-scrollable-container{
h2{
font-weight: bold;
color: #333333;
}
}
margin: 0 auto;
overflow: hidden;
}
//rc-main end
}
@@ -24,6 +32,53 @@ ul li ol li em strong i {
.usercontentshow{
position: relative;
.rc-productcat {
display: flex;
align-items: center;
flex-wrap: nowrap;
ol{
display: flex;
align-items: center;
flex-flow: row;
.ts-standard-btn{
width: 7.87rem;
height: 2.25rem;
background: #FFFFFF;
border-radius: 6.25rem;
background: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 1rem;
color: #999999;
img {
height: 1rem;
}
span {
margin-left: 0.18rem;
}
}
}
.userrccat{
width: 32%;
height: 34px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
font-size: 14px;
span {
margin-left: 3px;
}
img {
width: 24px;
height: 16px;
}
border: 2px solid #E2001A;
}
}
.userrccat{
width: 32%;
height: 34px;
@@ -93,48 +148,7 @@ ul li ol li em strong i {
height: 617px;
background: white;
z-index: 999;
.rc-productcat {
display: flex;
align-items: center;
flex-wrap: nowrap;
.rc-cat {
width: 32%;
height: 34px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
font-size: 14px;
span {
margin-left: 3px;
}
img {
width: 24px;
height: 16px;
}
}
.userrccat{
width: 32%;
height: 34px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
font-size: 14px;
span {
margin-left: 3px;
}
img {
width: 24px;
height: 16px;
}
border: 2px solid #E2001A;
}
}
}
@@ -219,6 +233,7 @@ ul li ol li em strong i {
justify-content: center;
font-size: .14rem;
margin-right:.2rem;
margin-left: 16px;
span {
margin-left: 3px;
}
@@ -303,6 +318,7 @@ ul li ol li em strong i {
//pc端
@media screen and (min-width: 768px){
.userrccat{
width: 327px;
height: 48px;
@@ -328,6 +344,7 @@ ul li ol li em strong i {
}
.online{
width:100%;
margin-top: 17px;
&.bold{
height:0.5rem;
margin-top: 5rem;
@@ -378,7 +395,13 @@ ul li ol li em strong i {
}
.rc-bottom{
.rc-productcat {
.rc-productcat {
ol{
display: flex;
align-items: center;
flex-flow: row;
}
display: flex;
align-items: center;
flex-wrap: nowrap;
@@ -485,7 +508,7 @@ border-radius: 30px;
margin-left: 16px;
}
span {
margin-left: 0px;
margin-left: 4px;
}
img {
width: 24px;
@@ -542,18 +565,38 @@ border-radius: 30px;
}
*/
.ts-scrollable-container{
overflow-y: hidden;
overflow-x: clip;
width: 100%;
margin-top: 18px;
h2{
display: flex;
align-items: center;
width: 4%;
}
.ts-scrollable{
overflow-y: hidden;
overflow-x: clip;
width: 100%;
ol{
display: flex;
align-items: center;
}
.ts-standard-btn{
width: 237px;
height: 48px;
background: #FFFFFF;
border-radius: 30px;
background: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 40px;
img {
width: 24px;
height: 24px;
}
span {
margin-left: 8px;
}
}
}
}