This commit is contained in:
lmj
2022-09-09 17:56:21 +08:00
parent 88ed748cd3
commit b8fdaafacc
4 changed files with 50 additions and 28 deletions

View File

@@ -5,7 +5,7 @@
<div id="container" style="z-index:99;">
<swiper :options="swiperOption" ref="mySwiper" v-if="resonimg.length">
<swiper-slide style="margin: 0 auto;" v-for="(item , idx ) in resonimg" :key="idx" class="swiper-slide games">
<div class="bannbox" :style="{ 'background': `url(${fileBaseUrl + item.image})`}" >
<div class="bannbox" :style="{ 'background': `url(${fileBaseUrl + item.image}) no-repeat 100% / 100%`}" >
</div>
<img class="banner-img" style=" margin: 0 auto;" :src=" fileBaseUrl + item.image" alt="">
</swiper-slide>
@@ -723,10 +723,10 @@ export default {
</script>
<style scoped lang="scss">
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
width: 108px;
height: 38px;
}
// .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
// width: 108px;
// height: 38px;
// }
.bannbox{
width: 100%;
@@ -749,11 +749,11 @@ export default {
}
.banner-img{
height: 520px;
text-align: center;
position:absolute;
top: 0;
left: 25%;
z-index: 888;
left:0;
right:0;
transform:(-50%,-50%);
}
.course-banner{
height: 520px;