From 18732b620b4cac15547313f9adb212a554075777 Mon Sep 17 00:00:00 2001
From: jiangx <jiangx@1000mu.com>
Date: Wed, 17 Sep 2025 16:01:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=9A=80=20=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                          |  1 -
 src/components/List/List.vue         | 27 ++++++++++++++++++++++++---
 src/components/ListItem/ListItem.vue |  2 +-
 3 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b10e831..6ed33c4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,7 +47,6 @@ const { checkHandleScreen, showCountDownDialog, title, toWallpaperTime } = useHa
 
 //指定时间返回首页时做的操作
 function handleScreen() {
-  //TODO
   // router.push('/transfer')
 }
 
diff --git a/src/components/List/List.vue b/src/components/List/List.vue
index ac7e7b9..c78ba28 100644
--- a/src/components/List/List.vue
+++ b/src/components/List/List.vue
@@ -12,13 +12,13 @@
         watch-overflow
         observe-parents
         :space-between="16"
-        :autoplay="{ delay: 30000 }"
+        :autoplay="{ delay: 30000, disableOnInteraction: false }"
         observe-slide-children
         :modules="modules"
         class="h-[1776px] py-5"
         @swiper="swiperInit"
       >
-        <SwiperSlide v-for="item of customerList" :key="item.proposalCode">
+        <SwiperSlide v-for="item of customerList" :key="item.proposalCode" :class="noSwiping ? 'swiper-no-swiping' : ''">
           <ListItem :customer="item" />
         </SwiperSlide>
       </Swiper>
@@ -33,7 +33,7 @@
 </template>
 
 <script setup lang="ts">
-import { shallowRef } from 'vue'
+import { onBeforeUnmount, ref, shallowRef } from 'vue'
 import ListItem from '../ListItem/ListItem.vue'
 import { Autoplay } from 'swiper/modules'
 import { Swiper, SwiperSlide } from 'swiper/vue'
@@ -53,11 +53,32 @@ const swiper = shallowRef()
 function swiperInit(_swiper: any) {
   swiper.value = _swiper
 }
+let timer: number
+const noSwiping = ref(false)
+const TIMEOUT = 3000
+function disable() {
+  noSwiping.value = true
+  swiper.value?.autoplay?.stop()
+}
+function enable() {
+  timer && clearTimeout(timer)
+  timer = setTimeout(() => {
+    noSwiping.value = false
+    swiper.value?.autoplay?.start()
+  }, TIMEOUT)
+}
 
 function scroll() {
   swiper.value?.slideTo(0)
 }
 
+window.addEventListener('touchmove', disable)
+window.addEventListener('touchend', enable)
+
+onBeforeUnmount(() => {
+  window.removeEventListener('touchmove', disable)
+  window.removeEventListener('touchend', enable)
+})
 defineExpose({
   scroll
 })
diff --git a/src/components/ListItem/ListItem.vue b/src/components/ListItem/ListItem.vue
index 4241b8b..4fe8ca6 100644
--- a/src/components/ListItem/ListItem.vue
+++ b/src/components/ListItem/ListItem.vue
@@ -17,7 +17,7 @@
         {{ formatTime(customer.replyTime) }}
       </div>
       <ScrollView class="scroll relative h-[506px]" scrollbar observe-image :list="customer.disposeDes">
-        <div class="whitespace-normal pr-3.5 text-justify font-normal leading-normal text-[#333333]">
+        <div class="whitespace-normal pb-49 pr-3.5 text-justify font-normal leading-normal text-[#333333]">
           <div v-html="customer.disposeDes"></div>
           <div class="flex items-center pt-4 !text-16">
             总经理:{{ customer.managerSignature }}