From 918028aa93ea26b52fc60beacb265d48b60dbdd8 Mon Sep 17 00:00:00 2001
From: lifizer <913626195@qq.com>
Date: Mon, 21 Oct 2024 15:18:05 +0800
Subject: [PATCH] =?UTF-8?q?Fix(=E5=B0=96=E8=B4=A7=E4=B8=93=E9=A2=98?=
 =?UTF-8?q?=E9=A1=B5):[#2509,=20#2512]=E6=A8=A1=E6=9D=BF2=E7=9A=84?=
 =?UTF-8?q?=E8=BD=AE=E6=92=AD=E5=9B=BE=E8=83=8C=E6=99=AF=E5=9B=BE=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkg_product/components/ThemePageTemplate2.vue          |  1 +
 pkg_product/components/vear-carousel/vear-carousel.vue | 10 ++++++++++
 2 files changed, 11 insertions(+)

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 {