Fix(尖货专题页):[#2509, #2512]模板2的轮播图背景图设置

This commit is contained in:
lifizer
2024-10-21 15:18:05 +08:00
parent 84470b4ec8
commit 918028aa93
2 changed files with 11 additions and 0 deletions
@@ -27,6 +27,7 @@
</swiper> -->
<carousel
:img-list="templateProperties.page2Links"
:bg-img="templateProperties.page2BackgroundImage"
url-key="image"
@selected="itemClick"
/>
@@ -5,9 +5,13 @@
next-margin="145rpx"
circular
autoplay
:interval="3000"
indicatorDots="true"
indicator-color="#ddd"
indicator-active-color="#777"
:style="{
'background-image': `url(${bgImg})`
}"
@change="swiperChange"
>
<swiper-item
@@ -41,6 +45,10 @@
return ''
}
},
bgImg: {
type: String,
default: ''
}
},
data() {
return {
@@ -63,6 +71,8 @@
.image-container {
width: 750rpx;
height: 840rpx;
background-size: 750rpx 840rpx;
background-image: ;
}
.item-img {