diff --git a/pkg_product/components/ThemePageTemplate2.vue b/pkg_product/components/ThemePageTemplate2.vue
index 9815de5..4d537d4 100644
--- a/pkg_product/components/ThemePageTemplate2.vue
+++ b/pkg_product/components/ThemePageTemplate2.vue
@@ -27,6 +27,7 @@
         </swiper> -->
         <carousel
           :img-list="templateProperties.page2Links"
+          :bg-img="templateProperties.page2BackgroundImage"
           url-key="image"
           @selected="itemClick"
         />
diff --git a/pkg_product/components/vear-carousel/vear-carousel.vue b/pkg_product/components/vear-carousel/vear-carousel.vue
index 6a5025d..7cfedd5 100644
--- a/pkg_product/components/vear-carousel/vear-carousel.vue
+++ b/pkg_product/components/vear-carousel/vear-carousel.vue
@@ -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 {