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