修改轮播图

This commit is contained in:
nisen
2023-09-07 15:54:58 +08:00
parent 558f44ccc7
commit a0af38fa76

View File

@@ -8,9 +8,9 @@
class="swiper-slide games pointer"> class="swiper-slide games pointer">
<div class="bannbox" :style="{ <div class="bannbox" :style="{
background: `url(${fileBaseUrl + item.image background: `url(${fileBaseUrl + item.image
}) no-repeat 100% / 100%`, }) center center no-repeat`,
}"></div> }"></div>
<img class="banner-img" style="margin: 0 auto;" :src="fileBaseUrl + item.image" alt="" /> <!-- <img class="banner-img" style="margin: 0 auto;" :src="fileBaseUrl + item.image" alt="" /> -->
</swiper-slide> </swiper-slide>
</swiper> </swiper>
</div> </div>
@@ -20,9 +20,9 @@
class="swiper-slide games pointer"> class="swiper-slide games pointer">
<div class="bannbox" :style="{ <div class="bannbox" :style="{
background: `url(${fileBaseUrl + item.image background: `url(${fileBaseUrl + item.image
}) no-repeat 100% / 100%`, }) center center no-repeat`,
}"></div> }"></div>
<img class="banner-img" style="margin: 0 auto;" :src="fileBaseUrl + item.image" alt="" /> <!-- <img class="banner-img" style="margin: 0 auto;" :src="fileBaseUrl + item.image" alt="" /> -->
</swiper-slide> </swiper-slide>
<div class="swiper-pagination" slot="pagination"></div> <div class="swiper-pagination" slot="pagination"></div>
</swiper> </swiper>
@@ -412,9 +412,9 @@ export default {
width: 100%; width: 100%;
height: 420px; height: 420px;
text-align: center; text-align: center;
filter: blur(5px); // filter: blur(5px);
z-index: -1; z-index: -1;
background-size: 100% 100%; background-size: 100%;
} }
::v-deep.swiper-slide .games .swiper-slide-active { ::v-deep.swiper-slide .games .swiper-slide-active {