update:优化vip飞行特效

src/components/BowTarget.vue

@@ -76,7 +76,7 @@ const shotEffect = ref(null);
 const hiddenRedLatestKey = ref("");
 const hiddenBlueLatestKey = ref("");
 const targetShaking = ref(false);
-const targetSize = ref({ width: 0, height: 0 });
+const targetRect = ref({ left: 0, top: 0, width: 0, height: 0 });
 const shakeTimer = ref(null);
 const instance = getCurrentInstance();
 const ROUND_TIP_OFFSET_Y = -32;
@@ -178,7 +178,7 @@ function shakeTarget() {
   });
 }
 
-function updateTargetSize() {
+function updateTargetRect() {
   nextTick(() => {
     const query = instance?.proxy
       ? uni.createSelectorQuery().in(instance.proxy)
@@ -187,18 +187,27 @@ function updateTargetSize() {
     query
       .select(".target")
       .boundingClientRect((rect) => {
+        const left = Number(rect?.left);
+        const top = Number(rect?.top);
         const width = Number(rect?.width);
         const height = Number(rect?.height);
-        if (!Number.isFinite(width) || !Number.isFinite(height)) return;
+        if (
+          !Number.isFinite(left) ||
+          !Number.isFinite(top) ||
+          !Number.isFinite(width) ||
+          !Number.isFinite(height)
+        ) {
+          return;
+        }
         if (width <= 0 || height <= 0) return;
-        targetSize.value = { width, height };
+        targetRect.value = { left, top, width, height };
       })
       .exec();
   });
 }
 
 function handleWindowResize() {
-  updateTargetSize();
+  updateTargetRect();
 }
 
 function shouldHideRedHit(index) {
@@ -402,7 +411,7 @@ async function onReceiveMessage(message) {
 
 onMounted(() => {
   uni.$on("socket-inbox", onReceiveMessage);
-  updateTargetSize();
+  updateTargetRect();
   if (uni.onWindowResize) uni.onWindowResize(handleWindowResize);
 });
 
@@ -515,8 +524,10 @@ onBeforeUnmount(() => {
         :shot="shotEffect && shotEffect.shot"
         :playKey="shotEffect ? shotEffect.key : ''"
         :targetRadius="safeTargetRadius"
-        :targetWidth="targetSize.width"
-        :targetHeight="targetSize.height"
+        :targetLeft="targetRect.left"
+        :targetTop="targetRect.top"
+        :targetWidth="targetRect.width"
+        :targetHeight="targetRect.height"
         :hitOffsetPx="currentHitRadiusPx"
         @impact="shakeTarget"
         @complete="completeShotEffect"