From 488327339f5f9129b4de955a525b6085bc129b8e Mon Sep 17 00:00:00 2001
From: leisileken <492265466@qq.com>
Date: Thu, 25 Jun 2026 14:56:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=88=90=E5=8A=9F=E6=A1=88=E4=BE=8B?=
 =?UTF-8?q?=E6=BB=91=E5=8A=A8=E6=95=88=E6=9E=9C=E4=BC=98=E5=8C=96=20-=20?=
 =?UTF-8?q?=E9=BC=A0=E6=A0=87=E6=82=AC=E5=81=9C=E6=9A=82=E5=81=9C=EF=BC=8C?=
 =?UTF-8?q?=E7=A7=BB=E5=BC=80=E7=BB=A7=E7=BB=AD=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Solutions.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/views/Solutions.vue b/src/views/Solutions.vue
index cb9fb35..c7e32db 100644
--- a/src/views/Solutions.vue
+++ b/src/views/Solutions.vue
@@ -132,16 +132,21 @@ const scrollCases = computed(() => {
 // 滚动位置状态
 const scrollPosition = ref(0)
 
+// 暂停状态
+const isPaused = ref(false)
+
 // 自动滚动逻辑
 let scrollInterval: number | null = null
 
 onMounted(() => {
-  const scrollSpeed = 0.3 // 滚动速度
+  const scrollSpeed = 0.3
   scrollInterval = window.setInterval(() => {
-    const totalCases = successCases.length
-    const itemWidth = 100 / 3 // 每次显示3个，每个占33.33%
-    const maxScroll = (totalCases / 3) * 100 // 滚动到所有案例都展示完
-    scrollPosition.value = (scrollPosition.value + scrollSpeed) % maxScroll
+    if (!isPaused.value) {
+      const totalCases = successCases.length
+      const itemWidth = 100 / 3
+      const maxScroll = (totalCases / 3) * 100
+      scrollPosition.value = (scrollPosition.value + scrollSpeed) % maxScroll
+    }
   }, 50)
 })
 
@@ -286,7 +291,7 @@ const closeCaseDetail = () => {
           <h2 class="text-3xl font-bold text-white mb-4">成功案例</h2>
           <p class="text-white/70">我们在各行业的成功实践</p>
         </div>
-        <div class="relative h-32 overflow-hidden">
+        <div class="relative h-32 overflow-hidden" @mouseenter="isPaused = true" @mouseleave="isPaused = false">
           <div 
             class="absolute inset-0 flex transition-transform duration-500 ease-in-out"
             :style="{ transform: `translateX(-${scrollPosition}%)` }"