update rc-busness/assets/css/index.less.

This commit is contained in:
Admin 2022-01-20 06:23:25 +00:00 committed by Gitee
parent 8c4a8f4964
commit 1af28b2843
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F

View File

@ -5,10 +5,29 @@
/deep/.van-swipe__indicator--active{ /deep/.van-swipe__indicator--active{
background-color: #E1001A; background-color: #E1001A;
} }
.rc-ma{
.ul-zhuan{ .ts-carousel-indicator{
/deep/.swiper-pagination-bullet{
margin-left:.5rem;
}
/deep/.swiper-pagination-bullet-active{
background:#E2001A;
}
&.center{
width:100%;
text-align: center;
}
}
.ts-position-identifier{
}
.ul-zhuan,.ul-dog{
li{ li{
background: unset;; background: unset;
img{
border-radius: 50%;
}
&.active {
img{ img{
border: 3px solid #E2001A; border: 3px solid #E2001A;
} }
@ -31,6 +50,30 @@
width:auto; width:auto;
} }
} }
.ul-dog{
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
span{
margin-top: .5rem;
display: block;
}
img{
width: 9.5rem;
height: auto;
display: block;
}
li{
cursor: pointer;
font-size: 16px;
text-align: center;
margin-top:3rem;
margin-left:3rem;
}
}
@media screen and (max-width:768px){ @media screen and (max-width:768px){
.ul-dog{ .ul-dog{
justify-content: space-evenly; justify-content: space-evenly;
@ -174,7 +217,6 @@
.uservideo{ .uservideo{
width: 100%; width: 100%;
height:auto; height:auto;
max-height: 15.68rem;
display: block; display: block;
video{ video{
max-width:100%; max-width:100%;
@ -222,6 +264,10 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
max-width: 60%; max-width: 60%;
text-align: center; text-align: center;
word-break: keep-all;
height: 2.625rem;
display: flex;
align-items: center;
} }
em{ em{
font-style: normal; font-style: normal;
@ -330,11 +376,18 @@
.sw-center{ .sw-center{
display: none; display: none;
} }
.useraimg{ .useraimg{
width: 100%; width: 100%;
// height: 29.31rem; // height: 29.31rem;
object-fit: cover; object-fit: cover;
} }
.ts-banner-swiper-container{
position:relative;
.ts-carousel-indicator{
position:absolute;
bottom:.4rem;
}
}
.van-swipe-item { .van-swipe-item {
color: #fff; color: #fff;
height: 100%; height: 100%;