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

Index updated

Browse Source
This commit is contained in:
Vion
2022-01-17 16:14:32 +08:00
parent 5c5b50b7ea
commit 847e27bc4a
5 changed files with 252 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -39,8 +39,7 @@ img, picture {
flex-wrap: wrap;
justify-content: space-evenly;
&:after{
content:"";
width:154px;
}
li{
border: 1px solid #D7D7D7;
@@ -366,17 +365,25 @@ img, picture {
display:block;
li{
max-width:20rem;
margin-right:.9rem;
margin-left:.9rem;
//margin-right:.875rem;
margin-left:2.2vw;
.rc-column{
span{
font-size:1.875rem;
height: 5.2rem;
}
}
&:nth-child(4n+1){
margin-left:0;
}
&:nth-child(4n){
//margin-right:0;
}
}
img{
width:20rem;
max-width:320px;
min-width:160px;
}
}
.ts-right-arr {
@@ -508,4 +515,15 @@ img, picture {
.rc-xl-down {
display: none!important;
}
}
@media screen and (min-width: 769px) and (max-width: 1370px)
{
.ts-product-list {
display:flex;
justify-content: space-between;
li{
margin-left:0;
margin-right:0;
}
}
}

171
rc-busness/assets/css/index.less
View File

@@ -5,6 +5,36 @@
/deep/.van-swipe__indicator--active{
background-color: #E1001A;
}
.rc-ma{
.ul-zhuan{
li{
background: unset;;
img{
border-radius: 50%;
}
&.active {
img{
border: 3px solid #E2001A;
}
color: #E2001A;
}
&.unactive {
color: #444444;
img{
border: 3px solid #D7D7D7;
}
}
}
}
}
.uservideo{
overflow: hidden;
video{
height:100%;
width:auto;
}
}
@media screen and (max-width:768px){
.ul-dog{
display: none;
@@ -24,16 +54,14 @@
display: block;
}
img{
width: 0.64rem;
height: 0.64rem;
width: 4rem;
height: 4rem;
display: block;
}
li{
display: inline-block;
margin-left: 0.20rem;
width: 0.64rem;
text-align: center;
height: 0.64rem;
background: #F6F6F6;
border-radius: 50%;
opacity: 1;
@@ -261,12 +289,7 @@
li{
display: inline-block;
margin-left: 1.25rem;
width: 4rem;
text-align: center;
height: 4rem;
background: #F6F6F6;
border-radius: 50%;
opacity: 1;
}
}
@@ -281,15 +304,16 @@
}
}
.active {
font-size: 0.14rem;
border: 1px solid red;
color: red;
font-size: 0.14rem;
img{
border-width: 1px;
}
}
.unactive {
font-size: 0.14rem;
color: #444444;
border: 1px solid #D7D7D7;
font-size: 0.14rem;
img{
border-width: 1px;
}
}
// .usermain{
@@ -412,35 +436,33 @@ object-fit: cover;
margin-top: 1rem;
}
}
.uservideo{
width: 35rem;
height: 31.6rem;
display: block;
border: 1px solid red;
}
.userleft{
position: absolute;
top: 50%;
left:0;
margin-top: -.72rem;
img{
width: .69rem;
height: 1.38rem;
display: block;
}
}
.userright{
position: absolute;
top: 50%;
right:0;
margin-top: -.72rem;
img{
width: .69rem;
height: 1.375rem;
display: block;
}
}
.uservideo{
width: 35rem;
height: 31.6rem;
display: block;
}
.userleft{
position: absolute;
top: 50%;
left:0;
margin-top: -.72rem;
img{
width: .69rem;
height: 1.38rem;
display: block;
}
}
.userright{
position: absolute;
top: 50%;
right:0;
margin-top: -.72rem;
img{
width: .69rem;
height: 1.375rem;
display: block;
}
}
}
}
@@ -495,23 +517,19 @@ img{
flex-wrap: wrap;
flex-direction: row;
span{
margin-top: 2.5rem;
margin-top: 1vw;
display: block;
}
img{
width: 9.5rem;
height: 9.5rem;
width: 10vw;
height: 10vw;
display: block;
}
li{
cursor: pointer;
font-size: 16px;
width: 9.875rem;
text-align: center;
height: 9.875rem;
background: #F6F6F6;
border-radius: 50%;
margin-left:1.25rem;
margin-left:1.3vw;
}
}
@@ -526,8 +544,6 @@ img{
}
.usermain{
margin-top: 2.5rem;
padding-bottom: 2.82rem;
.ul-dog{
width: 100%;
display: flex;
@@ -594,17 +610,18 @@ margin-left: 2.5rem;
}
}
}
.active {
font-size: 1rem;
border: 3px solid red;
color: red;
}
.unactive {
font-size: 1rem;
color: #444444;
border: 1px solid #D7D7D7;
}
.active {
font-size: 1rem;
img{
border-width: 3px;
}
}
.unactive {
font-size: 1rem;
img{
border-width: 1px;
}
}
.rc-maa{
ul{
width: 100%;
@@ -636,15 +653,12 @@ border-radius: 50%;
}
.userselection {
font-size: 0.16rem;
color: #E2001A;
}
.userselection {
font-size: 0.16rem;
color: #E2001A;
}
.unselection {
font-size: 0.16rem;
}
.rc-usermessage{
span{
@@ -654,3 +668,14 @@ color: #E2001A;
}
}
}
@media screen and (min-width:600px) and (max-width:768px)
{
.ul-zhuan{
display: flex;
justify-content: space-evenly;
li{
margin-left:0;
}
}
}