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

!38 2022-1-19 Jiamin

Browse Source 
Merge pull request !38 from Admin/sit-jiamin-v2
This commit is contained in:
Admin
2022-01-18 17:10:47 +00:00
committed by Gitee
parent 3354abef78 4669e2b604
commit afca9ff37a
6 changed files with 1181 additions and 658 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
rc-busness/assets/css/global.less
View File

@@ -393,7 +393,8 @@ img, picture {
}
.ts-scrollable{
li{
width: 4.125rem;
// width: 4.125rem;
padding: 0 0.62rem;
height: 1.625rem;
margin-left: .5rem;
font-size:.75rem;

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%;
}
}
}

122
rc-busness/assets/css/search.less
View File

@@ -13,11 +13,15 @@ ul li ol li em strong i {
.rc-main {
position: relative;
margin-top: 5.25rem;
.usersearch {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 20px;
.rc-padding--md{
padding: 0;
}
}
.active{
border: 2px solid #E2001A;
@@ -34,6 +38,41 @@ ul li ol li em strong i {
}
//手机端
@media screen and (max-width: 768px) {
.rc-button
{
display: flex;
justify-content: center;
font-size: 14px;
width: 100%;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
height: 80px;
align-items: center;
span
{
width: 160px;
height: 48px;
border: 2px solid #E2001A;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #E2001A;
}
em{
font-style: normal;
width: 164px;
height: 48px;
background: #E2001A;
cursor: pointer;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
margin-left: 40px;
}
}
.active{
border: 2px solid #E2001A;
color: #E2001A;
@@ -48,6 +87,12 @@ ul li ol li em strong i {
}
//搜索
.usersearch {
.form-search{
.ts-standard-btn{
display: none;
}
}
strong{
font-size: 18px;
color: #333333;
@@ -83,7 +128,10 @@ strong{
margin: 0 auto;
color: #333333;
margin-top: 1.5rem;
h2{
font-size: 18px;
font-weight: bold;
}
span {
font-size: 14px;
color: #666666;
@@ -93,7 +141,6 @@ strong{
}
// 热门搜索
.rc-variety {
margin-top: 1.06rem;
ul {
display: flex;
align-items: center;
@@ -184,7 +231,12 @@ margin-left: 0.18rem;
font-weight: normal;
}
}
.rc-padding--md{
padding: 0;
}
h2{
margin-left: 0;
}
}
@@ -286,7 +338,7 @@ border-radius: 100px;
h2 {
font-size: 18px;
color: #333333;
margin-left: 12px;
font-weight: bold;
}
.ts-scrollable{
margin-top: 1rem;
@@ -324,6 +376,30 @@ border-radius: 100px;
}
//pc端
@media screen and (min-width: 768px){
/deep/.el-dialog__header {
padding: 0;
margin: 0;
}
.ts-scrollable-container{
// overflow-y: hidden;
// overflow-x: clip;
// margin-top: 0;
h2{
display: flex;
align-items: center;
width: 6%;
}
.ts-scrollable{
// overflow-y: hidden;
// overflow-x: clip;
// width: 100%;
}
}
strong{
font-size: 26px;
color: #333333;
@@ -351,17 +427,19 @@ cursor: pointer;
}
/deep/.el-dialog {
width: 920px;
height: 570px;
background: #FFFFFF;
}
/deep/.van-search__action{
display: block;
}
.rc-search {
width: 100%;
text-align: center;
font-size:1.25rem ;
color: #666666;
width: 4.31rem;
height: 2rem;
background: #e1001a;
border-radius: 2rem;
text-align: center;
color: white;
font-size:0.87rem ;
}
.rc-productcat {
display: flex;
@@ -445,7 +523,8 @@ margin-left: 8px;
justify-content: center;
font-size: 16px;
width: 100%;
padding: 40px 0 40px 0;
margin-top: 35px;
span
{
width: 160px;
@@ -505,17 +584,28 @@ border-radius: 30px;
}
.form-search {
width: 100%;
height: 110px;
display: flex;
align-items: center;
.ts-standard-btn{
}
.rc-search{
display: none;
}
}
/deep/.van-search__content--square{
background: white;
}
.van-search__content--square{
height: 110px;
display: flex;
align-items: center;
justify-content: center;
background: white;
border: 1px solid #D7D7D7;
height: 80px;
width: 1200px;
border-radius: 200px;
}
/deep/.van-field__left-icon
{
@@ -525,7 +615,6 @@ border-radius: 30px;
}
/deep/.van-field__body
{
height: 110px;
}
@@ -606,4 +695,11 @@ border-radius: 30px;
margin-left: 8px;
}
}
.rc-max-width--xl{
.rc-column {
i{
font-size: 22px;
}
}
}
}