diff --git a/rc-busness/assets/css/index.less b/rc-busness/assets/css/index.less index 063e45a2..77f4b563 100644 --- a/rc-busness/assets/css/index.less +++ b/rc-busness/assets/css/index.less @@ -5,10 +5,29 @@ /deep/.van-swipe__indicator--active{ background-color: #E1001A; } -.rc-ma{ - .ul-zhuan{ - li{ - background: unset;; + +.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{ + background: unset; + img{ + border-radius: 50%; + } + &.active { img{ border: 3px solid #E2001A; } @@ -31,6 +50,30 @@ 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){ .ul-dog{ justify-content: space-evenly; @@ -174,7 +217,6 @@ .uservideo{ width: 100%; height:auto; - max-height: 15.68rem; display: block; video{ max-width:100%; @@ -222,6 +264,10 @@ -webkit-box-orient: vertical; max-width: 60%; text-align: center; + word-break: keep-all; + height: 2.625rem; + display: flex; + align-items: center; } em{ font-style: normal; @@ -327,14 +373,21 @@ .rc-selection{ display: none; } - .sw-center{ - display: none; - } -.useraimg{ -width: 100%; -// height: 29.31rem; -object-fit: cover; -} + .sw-center{ + display: none; + } + .useraimg{ + width: 100%; + // height: 29.31rem; + object-fit: cover; + } + .ts-banner-swiper-container{ + position:relative; + .ts-carousel-indicator{ + position:absolute; + bottom:.4rem; + } + } .van-swipe-item { color: #fff; height: 100%;