调整首页导航和指示器

This commit is contained in:
lmj
2022-10-21 17:43:03 +08:00
parent 8f506470eb
commit 0780673c6a
2 changed files with 9 additions and 6 deletions

View File

@@ -362,7 +362,8 @@ text-align: center;
// margin: 0 87px; // margin: 0 87px;
height: 72px; height: 72px;
display: flex; display: flex;
background: rgba(255,255,255,0.12); background: rgba(255,255,255,0.1);
border: 1px solid rgba(61,61,61,0.15);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }
.portal-top{ .portal-top{

View File

@@ -1298,24 +1298,26 @@
::v-deep .swiper-pagination{ ::v-deep .swiper-pagination{
line-height: 25px; line-height: 25px;
height: 32px; height: 32px;
background: rgba(0,0,0,0.5);
border-radius: 19px; border-radius: 19px;
// background: rgba($color: #000000, $alpha: 0.1); // background: rgba($color: #000000, $alpha: 0.1);
width: auto; width: auto;
left:48%; left:45%;
padding: 0 20px; padding: 0 20px;
border-radius: 19px; border-radius: 19px;
.swiper-pagination-bullet{ .swiper-pagination-bullet{
background: #000;
width: 24px; width: 24px;
height: 2px; height: 2px;
background: rgba($color: #fff, $alpha: 0.5); background: #fff;
opacity: 1 !important;
// background: rgba($color: #fff, $alpha: 0.5);
border-radius: 2px; border-radius: 2px;
} }
.swiper-pagination-bullet-active{ .swiper-pagination-bullet-active{
height: 2px; height: 2px;
opacity: 1 !important;
width: 24px; width: 24px;
background: rgba($color: #fff, $alpha: 0.8); background: #387DF7;
// background: rgba($color: #fff, $alpha: 0.8);
border-radius: 2px; border-radius: 2px;
} }
.swiper-container{ .swiper-container{