Style correction

This commit is contained in:
Vion
2022-01-18 17:18:39 +08:00
parent 5f8154bb63
commit 9115a4738d
24 changed files with 287 additions and 264 deletions

View File

@@ -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;
}
*/
/* */
}
}

View File

@@ -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 {

View File

@@ -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;