diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less index ae5f2bdf..40b65189 100644 --- a/rc-busness/assets/css/global.less +++ b/rc-busness/assets/css/global.less @@ -278,7 +278,7 @@ img, picture { width:100%; } .rc-top{ - margin-top: 74px; + margin-top: 90px; } .rc-list__header { background: none; @@ -497,35 +497,40 @@ img, picture { } h2{ font-size:20px; + padding-bottom:1rem; } .ts-scrollable { + padding-bottom:1rem; + scrollbar-width: thin; li { margin-left: 30px; width: 8.125rem; height: 2.5rem; - line-height: 40px; + //line-height: 40px; font-size: .875rem; + padding:.375rem; } - /* + &::-webkit-scrollbar{ - background:unset; - height:4px; + height: 6px; + width:50%; + background:transparent; } &::-webkit-scrollbar-thumb{ background-color:#d7d7d7; - height:2px; + border-radius:10px; + width:50%; } &::-webkit-scrollbar-track{ - background-color:ddd; - - height:2px; + //background-color:#ddd; + background-color:transparent; } &::-webkit-scrollbar-button{ background:unset; } - */ + /* */ } } diff --git a/rc-busness/assets/css/index.less b/rc-busness/assets/css/index.less index 2df02938..e46a91ca 100644 --- a/rc-busness/assets/css/index.less +++ b/rc-busness/assets/css/index.less @@ -6,6 +6,19 @@ background-color: #E1001A; } +.ts-carousel-indicator{ + /deep/.swiper-pagination-bullet{ + margin-left:.5rem; + } + /deep/.swiper-pagination-bullet-active{ + background:#E2001A; + } + &.center{ + width:100%; + text-align: center; + } +} + li{ background: unset;; img{ @@ -38,6 +51,9 @@ li{ .ul-dog{ display: none; } + .ts-banner-swiper-container{ + margin-bottom:2.5rem; + } .searchBara{ width: 100%; position: fixed; @@ -98,9 +114,6 @@ li{ } } - .van-swipe{ - z-index: 2; - } .rc-usermessage{ span{ font-size: 1rem; @@ -116,7 +129,10 @@ li{ height: auto; object-fit: cover; } - + + .van-swipe{ + z-index: 2; + } .van-swipe-item { color: #fff; width: 100%; @@ -320,14 +336,21 @@ li{ .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%; @@ -346,15 +369,12 @@ object-fit: cover; #xxxFullScreen { background-color: white; // margin-top: 100px; - #swiper1 { - width: 100%; + #swiper1,#swiper2 { overflow: hidden; margin-top: 2.31rem; - - h2{ - padding-bottom: 5rem; - } - + } + h2{ + padding-bottom: 5rem; } .swiper-container2 { @@ -363,10 +383,10 @@ object-fit: cover; // overflow: visible !important; position: relative; } -#swiper1 .swiper-container .swiper-wrapper .swiper-slide { - width: 100%; - //height: 6.18rem; -} + #swiper1 .swiper-container .swiper-wrapper .swiper-slide { + width: 100%; + //height: 6.18rem; + } /* 上一张 */ #swiper1 .swiper-container .swiper-wrapper .swiper-slide-prev { diff --git a/rc-busness/assets/css/login.less b/rc-busness/assets/css/login.less index 8ba135c4..f166c777 100644 --- a/rc-busness/assets/css/login.less +++ b/rc-busness/assets/css/login.less @@ -1,7 +1,9 @@ .container{ - min-height:80vh; + min-height:100vh; height:100%; background-color:#f6f6f6; + display: flex; + flex-direction: column; } .ts-max-width--460{ border-radius: 3px; diff --git a/rc-busness/components/header.vue b/rc-busness/components/header.vue index 2bd355ac..3c121957 100644 --- a/rc-busness/components/header.vue +++ b/rc-busness/components/header.vue @@ -58,11 +58,6 @@ --> - - - translations.feature.headerbar.pin - - @@ -75,16 +70,16 @@