提交 c0a36e5e 作者: 方治民

feat: 添加 animate.css 测试动画

上级 383d28ef
{ {
"name": "basic-app", "name": "basic-app",
"version": "3.0.1.6", "version": "3.0.2.1",
"description": "APP 基础工程", "description": "APP 基础工程",
"keywords": [ "keywords": [
"app", "app",
...@@ -80,6 +80,7 @@ ...@@ -80,6 +80,7 @@
"@dcloudio/uni-ui": "^1.4.26", "@dcloudio/uni-ui": "^1.4.26",
"@vue/runtime-core": "^3.2.47", "@vue/runtime-core": "^3.2.47",
"@vueuse/core": "^9.13.0", "@vueuse/core": "^9.13.0",
"animate.css": "^4.1.1",
"axios": "^0.26.1", "axios": "^0.26.1",
"dayjs": "^1.11.7", "dayjs": "^1.11.7",
"lodash-es": "^4.17.21", "lodash-es": "^4.17.21",
...@@ -104,7 +105,7 @@ ...@@ -104,7 +105,7 @@
"@dcloudio/vite-plugin-uni": "3.0.0-alpha-3070620230227001", "@dcloudio/vite-plugin-uni": "3.0.0-alpha-3070620230227001",
"@types/lodash-es": "^4.17.6", "@types/lodash-es": "^4.17.6",
"@types/mockjs": "^1.0.7", "@types/mockjs": "^1.0.7",
"@types/node": "^18.14.4", "@types/node": "^18.14.5",
"@types/prettier": "^2.7.2", "@types/prettier": "^2.7.2",
"@types/qs": "^6.9.7", "@types/qs": "^6.9.7",
"@types/stompjs": "^2.3.5", "@types/stompjs": "^2.3.5",
......
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
"name" : "Beta App", "name" : "Beta App",
"appid" : "__UNI__2E9441A", "appid" : "__UNI__2E9441A",
"description" : "APP 基础工程", "description" : "APP 基础工程",
"versionName" : "3.0.1.6", "versionName" : "3.0.2.1",
"versionCode" : 106, "versionCode" : 107,
"transformPx" : false, "transformPx" : false,
"locale" : "zh-Hans", "locale" : "zh-Hans",
/* 5+App特有相关 */// 配置文件详细说明 /* 5+App特有相关 */// 配置文件详细说明
......
<script setup lang="ts"> <script setup lang="ts">
import 'animate.css'
import dayjs from 'dayjs' import dayjs from 'dayjs'
import { checkUpgrade } from '@/utils/upgrade' import { checkUpgrade } from '@/utils/upgrade'
import { useRuntime } from '@/hooks/app/useRuntime' import { useRuntime } from '@/hooks/app/useRuntime'
...@@ -33,6 +34,13 @@ ...@@ -33,6 +34,13 @@
Message.toast(`使用 APP 运行点击有惊喜~ ╰(*°▽°*)╯`) Message.toast(`使用 APP 运行点击有惊喜~ ╰(*°▽°*)╯`)
// #endif // #endif
} }
const animate = ref()
const handUp = () => {
Message.toast('👋🏻')
animate.value = 'animate__swing'
setTimeout(() => (animate.value = ''), 1000)
}
</script> </script>
<template> <template>
...@@ -41,7 +49,7 @@ ...@@ -41,7 +49,7 @@
<view class="info"> <view class="info">
<text class="title">{{ title }}</text> <text class="title">{{ title }}</text>
<text class="title">{{ $t('app.hello') }}</text> <text class="title">{{ $t('app.hello') }}</text>
<uni-icons type="hand-up" size="30" /> <uni-icons type="hand-up" size="30" :class="['animate__animated', animate]" @click="handUp" />
</view> </view>
<fui-footer isFixed> <fui-footer isFixed>
<template #text> <template #text>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论