fix: (animate) 小程序触发动画失效

nutui-uniapp · Jul 30, 2023 · a152121 · a152121
1 parent 9067f4d
commit a152121
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/nutui/components/animate/animate.vue b/packages/nutui/components/animate/animate.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, defineComponent, ref, watch } from 'vue'
 import { PREFIX } from '../_utils'
+import requestAniFrame from '../_utils/raf'
 import { animateEmits, animateProps } from './animate'
 
 const props = defineProps(animateProps)
@@ -18,11 +19,20 @@ const classes = computed(() => {
 
 function animate() {
   animated.value = false
+  // #ifdef H5
   requestAnimationFrame(() => {
     requestAnimationFrame(() => {
       animated.value = true
     })
   })
+  // #endif
+  // #ifndef H5
+  requestAniFrame(() => {
+    requestAniFrame(() => {
+      animated.value = true
+    })
+  })
+  // #endif
 }
 
 function handleClick(event: Event) {