From f30676df07c0321f68a6df2bf6631470c9a52f5f Mon Sep 17 00:00:00 2001
From: coolxitech <admin@kuxi.tech>
Date: Wed, 17 Dec 2025 22:25:36 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E6=98=9F=E7=A9=BA=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E7=BB=84=E4=BB=B6=E6=94=AF=E6=8C=81=E8=BF=87=E6=B8=A1?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 导入 Transition 类型以支持动画过渡配置
- 为星层1添加明确的 Transition 类型注解
- 为星层2添加明确的 Transition 类型注解
- 为星层3添加明确的 Transition 类型注解
- 统一设置缓动函数为常量 "linear"
- 确保各星层动画持续时间按倍数递增
---
 src/components/ui/bg-stars/StarsBackground.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/ui/bg-stars/StarsBackground.vue b/src/components/ui/bg-stars/StarsBackground.vue
index 8d3bdc2..ccec34b 100644
--- a/src/components/ui/bg-stars/StarsBackground.vue
+++ b/src/components/ui/bg-stars/StarsBackground.vue
@@ -88,7 +88,7 @@
 </template>
 
 <script setup lang="ts">
-import type { SpringOptions } from "motion-v";
+import type {SpringOptions, Transition} from "motion-v";
 import { cn } from "@/lib/utils";
 import { motion, useMotionValue, useSpring } from "motion-v";
 import { computed, onMounted, ref, watch } from "vue";
@@ -156,21 +156,21 @@ watch(
   },
 );
 
-const starLayer1Transition = computed(() => ({
+const starLayer1Transition = computed<Transition>(() => ({
   repeat: Infinity,
   duration: props.speed,
-  ease: "linear",
+  ease: "linear" as const,
 }));
 
-const starLayer2Transition = computed(() => ({
+const starLayer2Transition = computed<Transition>(() => ({
   repeat: Infinity,
   duration: props.speed * 2,
-  ease: "linear",
+  ease: "linear" as const,
 }));
 
-const starLayer3Transition = computed(() => ({
+const starLayer3Transition = computed<Transition>(() => ({
   repeat: Infinity,
   duration: props.speed * 3,
-  ease: "linear",
+  ease: "linear" as const,
 }));
 </script>