From 24796348ccab2573e58018be7fbb281f0f4a6292 Mon Sep 17 00:00:00 2001
From: LinCyJang <linxi957440651@163.com>
Date: Mon, 30 Mar 2026 21:03:45 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A5038=20=E3=80=90=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91=E9=85=8D=E7=BD=AE=E5=A4=9A?=
 =?UTF-8?q?=E4=B8=AA=E4=BD=93=E9=AA=8C=E9=A1=B9=E7=9B=AE=E6=97=B6=EF=BC=8C?=
 =?UTF-8?q?=E5=BA=94=E6=95=B4=E4=BD=93=E8=BD=AE=E6=92=AD=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkg_product/views/experienceProjectDetail.vue | 50 +++++++++++++------
 1 file changed, 34 insertions(+), 16 deletions(-)

diff --git a/pkg_product/views/experienceProjectDetail.vue b/pkg_product/views/experienceProjectDetail.vue
index 1d40996..41d0649 100644
--- a/pkg_product/views/experienceProjectDetail.vue
+++ b/pkg_product/views/experienceProjectDetail.vue
@@ -83,24 +83,37 @@
         </view>
         <view class="section">
           <view class="section-title">体验项目</view>
-          <view class="experience-card" v-for="(item, index) in projectList" :key="index">
-            <image
-              v-if="item.projectImage"
-              :src="item.projectImage"
-              class="experience-image"
-              mode="aspectFill"
-            />
-            <view class="experience-info">
-              <view class="experience-title-wrap">
-                <view class="experience-title">
-                  {{ item.themeName || item.projectName }}
+          <swiper
+            v-if="projectList.length > 0"
+            class="experience-swiper"
+            circular
+            :autoplay="true"
+            :interval="3000"
+            :indicator-dots="false"
+            indicator-color="rgba(255, 255, 255, .4)"
+            indicator-active-color="#ffffff"
+          >
+            <swiper-item v-for="(item, index) in projectList" :key="index">
+              <view class="experience-card">
+                <image
+                  v-if="item.projectImage"
+                  :src="item.projectImage"
+                  class="experience-image"
+                  mode="widthFix|heightFix"
+                />
+                <view class="experience-info">
+                  <view class="experience-title-wrap">
+                    <view class="experience-title">
+                      {{ item.themeName || item.projectName }}
+                    </view>
+                  </view>
+                  <view class="experience-subtitle">
+                    {{ item.projectIntro || item.detail }}
+                  </view>
                 </view>
               </view>
-              <view class="experience-subtitle">
-                {{ item.projectIntro || item.detail }}
-              </view>
-            </view>
-          </view>
+            </swiper-item>
+          </swiper>
         </view>
 
         <view class="section" v-if="project.detailText || project.remark">
@@ -533,6 +546,11 @@ export default {
   box-shadow: 0 8rpx 24rpx rgba(197, 39, 51, 0.15);
   margin-bottom: 24rpx;
 }
+.experience-swiper {
+  margin-top: 16rpx;
+  width: 100%;
+  height: 520rpx;
+}
 .experience-image {
   width: 100%;
   height: 360rpx;