From 7df517fab76f1650704c8d86a6c7fdcdd5a98998 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Thu, 5 Sep 2024 18:12:32 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=AE=E6=92=AD=E6=B7=BB=E5=8A=A0=E8=8A=82?=
 =?UTF-8?q?=E6=B5=81=E5=A4=84=E7=90=86,=20=E9=81=BF=E5=85=8D=E4=B8=80?=
 =?UTF-8?q?=E7=A7=92=E5=86=85=E5=A4=9A=E6=AC=A1=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/model-carousel/index.vue   | 7 +++++--
 src/components/model-goods-list/index.vue | 7 +++++--
 src/components/model-nav-group/index.vue  | 7 +++++--
 src/components/model-notice/index.vue     | 7 +++++--
 src/components/model-seckill/index.vue    | 7 +++++--
 5 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/components/model-carousel/index.vue b/src/components/model-carousel/index.vue
index b9a67644..5bf8e800 100644
--- a/src/components/model-carousel/index.vue
+++ b/src/components/model-carousel/index.vue
@@ -48,7 +48,7 @@
 </template>
 <script setup lang="ts">
 import { common_styles_computer, radius_computer, get_math } from '@/utils';
-import { isEmpty, cloneDeep } from 'lodash';
+import { isEmpty, cloneDeep, throttle } from 'lodash';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import { Autoplay, EffectCoverflow } from 'swiper/modules';
 import 'swiper/css';
@@ -164,7 +164,10 @@ watchEffect(() => {
             length: carousel_length
         };
         // 更新轮播图的key，确保更换时能重新更新轮播图
-        carouselKey.value = get_math();
+        // 添加节流处理,一秒只执行一次
+        throttle(() => {
+            carouselKey.value = get_math();
+        }, 1000);
     }
     //#endregion
 });
diff --git a/src/components/model-goods-list/index.vue b/src/components/model-goods-list/index.vue
index 7d6193ea..a47277e9 100644
--- a/src/components/model-goods-list/index.vue
+++ b/src/components/model-goods-list/index.vue
@@ -149,7 +149,7 @@
 </template>
 <script setup lang="ts">
 import { common_styles_computer, get_math, gradient_handle, padding_computer, radius_computer } from '@/utils';
-import { isEmpty, cloneDeep } from 'lodash';
+import { isEmpty, cloneDeep, throttle } from 'lodash';
 import ShopAPI from '@/api/shop';
 
 const props = defineProps({
@@ -449,7 +449,10 @@ watchEffect(() => {
             notice_length: notice_length,
         };
         // 更新轮播图的key，确保更换时能重新更新轮播图
-        carouselKey.value = get_math();
+        // 添加节流处理,一秒只执行一次
+        throttle(() => {
+            carouselKey.value = get_math();
+        }, 1000);
     }
 });
 //#endregion
diff --git a/src/components/model-nav-group/index.vue b/src/components/model-nav-group/index.vue
index ee9e240b..f0427223 100644
--- a/src/components/model-nav-group/index.vue
+++ b/src/components/model-nav-group/index.vue
@@ -26,7 +26,7 @@
 </template>
 <script setup lang="ts">
 import { common_styles_computer, radius_computer, get_math } from '@/utils';
-import { isEmpty, cloneDeep } from 'lodash';
+import { isEmpty, cloneDeep, throttle } from 'lodash';
 
 const props = defineProps({
     value: {
@@ -141,7 +141,10 @@ watch(props.value, (val) => {
             is_roll: display_is_roll,
         };
         // 更新轮播图的key，确保更换时能重新更新轮播图
-        carouselKey.value = get_math();
+        // 添加节流处理,一秒只执行一次
+        throttle(() => {
+            carouselKey.value = get_math();
+        }, 1000);
     }
     nextTick(() => {
         if (!isEmpty(bannerImg.value)) {
diff --git a/src/components/model-notice/index.vue b/src/components/model-notice/index.vue
index e189bf83..f72ab978 100644
--- a/src/components/model-notice/index.vue
+++ b/src/components/model-notice/index.vue
@@ -42,7 +42,7 @@
 </template>
 <script setup lang="ts">
 import { background_computer, common_styles_computer, get_math, gradient_computer, gradient_handle, radius_computer } from '@/utils';
-import { isEmpty, cloneDeep } from 'lodash';
+import { isEmpty, cloneDeep, throttle } from 'lodash';
 
 const props = defineProps({
     value: {
@@ -134,7 +134,10 @@ watchEffect(() => {
             notice_length: notice_length
         };
         // 更新轮播图的key，确保更换时能重新更新轮播图
-        carouselKey.value = get_math();
+        // 添加节流处理,一秒只执行一次
+        throttle(() => {
+            carouselKey.value = get_math();
+        }, 1000);
     }
     //#endregion
 });
diff --git a/src/components/model-seckill/index.vue b/src/components/model-seckill/index.vue
index aa90f8f8..c94303d1 100644
--- a/src/components/model-seckill/index.vue
+++ b/src/components/model-seckill/index.vue
@@ -160,7 +160,7 @@
 </template>
 <script setup lang="ts">
 import { background_computer, common_styles_computer, get_math, gradient_computer, gradient_handle, padding_computer, radius_computer } from '@/utils';
-import { isEmpty } from 'lodash';
+import { isEmpty, throttle } from 'lodash';
 import SeckillAPI from '@/api/seckill';
 import { online_url } from '@/utils';
 import { Swiper, SwiperSlide } from 'swiper/vue';
@@ -434,7 +434,10 @@ watchEffect(() => {
     // 判断是平移还是整屏滚动
     slides_per_group.value = new_style.value.rolling_fashion == 'translation' ? 1 : form.value.carousel_col;
     // 更新轮播图的key，确保更换时能重新更新轮播图
-    carouselKey.value = get_math();
+    // 添加节流处理,一秒只执行一次
+    throttle(() => {
+        carouselKey.value = get_math();
+    }, 1000);
 });
 
 //容器高度