From bc3fc7573b452e7a22ebda14a35985f2775424b7 Mon Sep 17 00:00:00 2001
From: liuyin <ly9306@126.com>
Date: Sun, 30 Nov 2025 09:32:57 +0800
Subject: [PATCH] =?UTF-8?q?refactor(countup):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=95=B0=E5=AD=97=E6=BB=9A=E5=8A=A8=E5=8A=A8=E7=94=BB=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../animatingnumbers/countup.taro.tsx         | 42 +++++++------------
 1 file changed, 16 insertions(+), 26 deletions(-)

diff --git a/src/packages/animatingnumbers/countup.taro.tsx b/src/packages/animatingnumbers/countup.taro.tsx
index 17049af06a..dbf70de30b 100644
--- a/src/packages/animatingnumbers/countup.taro.tsx
+++ b/src/packages/animatingnumbers/countup.taro.tsx
@@ -7,7 +7,6 @@ import React, {
   useState,
 } from 'react'
 import { View, Text } from '@tarojs/components'
-import { createSelectorQuery } from '@tarojs/taro'
 import { ComponentDefaults } from '@/utils/typings'
 import { mergeProps } from '@/utils/merge-props'
 import { TaroCountUpProps } from '@/types'
@@ -56,32 +55,23 @@ export const CountUp: FunctionComponent<Partial<TaroCountUpProps>> = (
 
   const setNumberTransform = useCallback(() => {
     if (countupRef.current && numberArr.length) {
-      createSelectorQuery()
-        .selectAll('.nut-countup-listitem')
-        .node((numberItems: any) => {
-          const transformArrCache: CSSProperties[] = []
-          Object.keys(numberItems).forEach((key: any) => {
-            const elem = numberItems[Number(key)] as HTMLElement
-            const idx = Number(numberArr[Number(key)])
-            const enabled =
-              elem && typeof idx === 'number' && !Number.isNaN(idx)
-            if (enabled) {
-              // 计算规则：父元素和实际列表高度的百分比，分割成20等份
-              const transform =
-                idx || idx === 0
-                  ? `translate(0, -${(idx === 0 ? 10 : idx) * 5}%)`
-                  : ''
-              transformArrCache.push({
-                transitionDuration: `${duration}s`,
-                transform,
-              } as CSSProperties)
-            }
-          })
-          setTransformArr([...transformArrCache])
-        })
-        .exec()
+      // 直接创建与numberArr长度匹配的transform数组
+      const newTransformArr: CSSProperties[] = []
+
+      numberArr.forEach((item, idx) => {
+        const numValue = Number(item)
+        if (!Number.isNaN(numValue)) {
+          // 直接使用数字值计算正确的滚动位置
+          newTransformArr[idx] = {
+            transitionDuration: `${duration}s`,
+            transform: `translate(0, -${numValue * 5}%)`,
+          }
+        }
+      })
+
+      setTransformArr(newTransformArr)
     }
-  }, [numberArr])
+  }, [numberArr, duration])
 
   useEffect(() => {
     if (numberArr.length) {