xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-11-21 09:56:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

提交产品以及搜索

Browse Source
This commit is contained in:
952108534@qq.com
2022-01-18 21:50:16 +08:00
parent becd40d550
commit b67734b6ce
6 changed files with 1191 additions and 660 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
rc-busness/assets/css/product-list.less
View File

@@ -16,12 +16,31 @@ ul li ol li em strong i {
//rc-main end
}
//手机端
@media screen and (max-width: 768px) {
.usercontentshow{
position: relative;
.userrccat{
width: 32%;
height: 34px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
font-size: 12px;
margin-right: 0.2rem;
img {
width: 24px;
height: 16px;
}
border: 2px solid #d7d7d7;
}
}
.online{height:.08rem;}
.rc-mubu{
@@ -96,6 +115,25 @@ ul li ol li em strong i {
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;
}
}
}
@@ -233,14 +271,60 @@ ul li ol li em strong i {
}
}
*/
.ts-scrollable{
.useractive{
width: 126px;
height: 36px;
border: 2px solid #E1001A;
border-radius: 100px;
}
.userunactive{
width: 126px;
height: 36px;
background: #FFFFFF;
border: 2px solid #D7D7D7;
opacity: 1;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.14rem;
img{
width: 24px;
height: 16px;
display: block;
max-width: 100%;
}
}
}
}
//pc端
@media screen and (min-width: 768px){
.userrccat{
width: 327px;
height: 48px;
border-radius: 30px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
margin-left: 16px;
img {
width: 24px;
height: 16px;
}
border: 2px solid #d7d7d7;
}
.usersearch {
margin: 0 auto;
overflow: hidden;
margin-top: 5rem;
margin-top: 2.6rem;
}
.online{
width:100%;
@@ -457,4 +541,20 @@ border-radius: 30px;
}
}
*/
.ts-scrollable-container{
overflow-y: hidden;
overflow-x: clip;
width: 100%;
h2{
display: flex;
align-items: center;
width: 4%;
}
.ts-scrollable{
overflow-y: hidden;
overflow-x: clip;
width: 100%;
}
}
}