提交 c0a36e5e 作者: 方治民

feat: 添加 animate.css 测试动画

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