feat: 改用 unocss 动画替换 animate.css

src/pages/index/index.vue

 <script setup lang="ts">
-    import 'animate.css'
     import dayjs from 'dayjs'
     import { checkUpgrade } from '@/utils/upgrade'
     import { useRuntime } from '@/hooks/app/useRuntime'
@@ -38,7 +37,7 @@
     const animate = ref()
     const handUp = () => {
         Message.toast('👋🏻')
-        animate.value = 'animate__swing'
+        animate.value = 'animate-iteration-infinite'
         setTimeout(() => (animate.value = ''), 1000)
     }
 </script>
@@ -49,7 +48,7 @@
         <view class="flex flex-col justify-center mb-3">
             <text class="title">{{ title }}</text>
             <text class="title">{{ $t('app.hello') }}</text>
-            <uni-icons type="hand-up" size="30" :class="['mt-5', 'animate__animated', animate]" @click="handUp" />
+            <uni-icons type="hand-up" size="30" :class="['mt-5', 'animate-heart-beat', animate]" @click="handUp" />
         </view>
         <fui-footer isFixed>
             <template #text>