合并分支 '3.0' 到 'main'

3.0

查看合并请求 !14

README.md

@@ -28,7 +28,8 @@
 - [x] 集成 [Stomp WebSocket](https://github.com/jmesnil/stomp-websocket)
 - [x] 集成 [Pont](https://github.com/alibaba/pont)
 - [x] 集成 [Pinia](https://pinia.vuejs.org/)
-- [x] 集成 [vue-i18n](https://github.com/intlify/vue-i18n-next)
+- [x] 集成 [Vue-i18n](https://github.com/intlify/vue-i18n-next)
+- [x] 集成 [UnoCSS](https://github.com/antfu/unocss)
 - [x] UI 组件集成 [FirstUI](https://gitlab.yiring.com/open/first-ui), [uni-ui](https://uniapp.dcloud.net.cn/component/uniui/quickstart.html)
 - [x] 接入 [消息推送](https://uniapp.dcloud.net.cn/unipush.html)
 - [x] 接入 [APP 升级中心](https://uniapp.dcloud.net.cn/uniCloud/upgrade-center.html)

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>