feat: Icon 图标调整

src/components/Icon/index.vue

@@ -5,7 +5,7 @@
             required: true,
         },
         size: {
-            type: Number || String,
+            type: [Number, String],
             default: 32,
         },
         color: {

src/pages/index/index.vue

@@ -41,7 +41,7 @@
         }
 
         Message.toast('👋🏻')
-        animate.value = 'animate-iteration-infinite'
+        animate.value = 'animate-swing'
         setTimeout(() => (animate.value = null), 1500)
     }
 </script>
@@ -59,9 +59,9 @@
         <view class="flex-center flex-col mb-5">
             <text class="title">{{ title }}</text>
             <text class="title">{{ $t('app.hello') }}</text>
-            <Icon icon="emojione:grinning-face" size="48" class="m-3" />
+            <Icon icon="emojione:grinning-face" size="48" class="mt-3" />
 
-            <uni-icons type="hand-up" size="30" class="mt-3 animate-swing" :class="[animate]" @click="handUp" />
+            <uni-icons type="hand-up" size="30" class="mt-3" :class="[animate]" @click="handUp" />
         </view>
         <fui-footer isFixed>
             <template #text>