提交 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",
......
......@@ -23,7 +23,7 @@ specifiers:
'@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
......@@ -32,6 +32,7 @@ specifiers:
'@typescript-eslint/parser': ^5.54.0
'@vue/runtime-core': ^3.2.47
'@vueuse/core': ^9.13.0
animate.css: ^4.1.1
axios: ^0.26.1
commitizen: ^4.3.0
conventional-changelog-cli: ^2.2.2
......@@ -101,6 +102,7 @@ dependencies:
'@dcloudio/uni-ui': 1.4.26
'@vue/runtime-core': 3.2.47
'@vueuse/core': 9.13.0_vue@3.2.47
animate.css: 4.1.1
axios: 0.26.1
dayjs: 1.11.7
lodash-es: 4.17.21
......@@ -125,7 +127,7 @@ devDependencies:
'@dcloudio/vite-plugin-uni': 3.0.0-alpha-3070620230227001_yunxki5x72o7z7ul26wg6edif4
'@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
......@@ -169,7 +171,7 @@ devDependencies:
typescript: 4.9.5
unplugin-auto-import: 0.15.0_@vueuse+core@9.13.0
unplugin-vue-components: 0.24.0_vue@3.2.47
vite: 4.1.4_ch2agixd2nvhl3bjpbnbe2dm3m
vite: 4.1.4_arrpzgmbs7lnlw4jcjwleqdspu
vue-eslint-parser: 9.1.0_eslint@8.35.0
packages:
......@@ -1459,15 +1461,15 @@ packages:
'@commitlint/execute-rule': 17.4.0
'@commitlint/resolve-extends': 17.4.4
'@commitlint/types': 17.4.4
'@types/node': 18.14.4
'@types/node': 18.14.5
chalk: 4.1.2
cosmiconfig: 8.1.0
cosmiconfig-typescript-loader: 4.3.0_nd25hbh3ectnnkbvturxnqqqfm
cosmiconfig-typescript-loader: 4.3.0_v3kbstntxphny76zodmlbds7aa
lodash.isplainobject: 4.0.6
lodash.merge: 4.6.2
lodash.uniq: 4.5.0
resolve-from: 5.0.0
ts-node: 10.9.1_oboltcrkaqheaa54woelu7cdsa
ts-node: 10.9.1_2cogyjchoknpkalymtikkc6nay
typescript: 4.9.5
transitivePeerDependencies:
- '@swc/core'
......@@ -2042,7 +2044,7 @@ packages:
magic-string: 0.27.0
picocolors: 1.0.0
terser: 5.16.5
vite: 4.1.4_ch2agixd2nvhl3bjpbnbe2dm3m
vite: 4.1.4_arrpzgmbs7lnlw4jcjwleqdspu
transitivePeerDependencies:
- postcss
- supports-color
......@@ -2381,7 +2383,7 @@ packages:
engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
dependencies:
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
chalk: 4.1.2
jest-message-util: 27.5.1
jest-util: 27.5.1
......@@ -2402,7 +2404,7 @@ packages:
'@jest/test-result': 27.5.1
'@jest/transform': 27.5.1
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
ansi-escapes: 4.3.2
chalk: 4.1.2
emittery: 0.8.1
......@@ -2439,7 +2441,7 @@ packages:
dependencies:
'@jest/fake-timers': 27.5.1
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
jest-mock: 27.5.1
dev: true
......@@ -2449,7 +2451,7 @@ packages:
dependencies:
'@jest/types': 27.5.1
'@sinonjs/fake-timers': 8.1.0
'@types/node': 18.14.4
'@types/node': 18.14.5
jest-message-util: 27.5.1
jest-mock: 27.5.1
jest-util: 27.5.1
......@@ -2478,7 +2480,7 @@ packages:
'@jest/test-result': 27.5.1
'@jest/transform': 27.5.1
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
chalk: 4.1.2
collect-v8-coverage: 1.0.1
exit: 0.1.2
......@@ -2562,7 +2564,7 @@ packages:
dependencies:
'@types/istanbul-lib-coverage': 2.0.4
'@types/istanbul-reports': 3.0.1
'@types/node': 18.14.4
'@types/node': 18.14.5
'@types/yargs': 16.0.5
chalk: 4.1.2
dev: true
......@@ -3178,7 +3180,7 @@ packages:
/@types/graceful-fs/4.1.6:
resolution: {integrity: sha512-Sig0SNORX9fdW+bQuTEovKj3uHcUL6LQKbCrrqb1X7J6/ReAbhCXRAhc+SMejhLELFj2QcyuxmUooZ4bt5ReSw==}
dependencies:
'@types/node': 18.14.4
'@types/node': 18.14.5
dev: true
/@types/istanbul-lib-coverage/2.0.4:
......@@ -3223,8 +3225,8 @@ packages:
resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
dev: true
/@types/node/18.14.4:
resolution: {integrity: sha512-VhCw7I7qO2X49+jaKcAUwi3rR+hbxT5VcYF493+Z5kMLI0DL568b7JI4IDJaxWFH0D/xwmGJNoXisyX+w7GH/g==}
/@types/node/18.14.5:
resolution: {integrity: sha512-CRT4tMK/DHYhw1fcCEBwME9CSaZNclxfzVMe7GsO6ULSwsttbj70wSiX6rZdIjGblu93sTJxLdhNIT85KKI7Qw==}
/@types/normalize-package-data/2.4.1:
resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
......@@ -3253,7 +3255,7 @@ packages:
/@types/stompjs/2.3.5:
resolution: {integrity: sha512-0WkL8RlB1uuZt8XJEdnwdFdV5RIFcQw9UhNQfTpiJYcjqC6QQpFqc5YcIrlH+K/843EGJVIaOFANjs7u7bmTlw==}
dependencies:
'@types/node': 18.14.4
'@types/node': 18.14.5
dev: true
/@types/urijs/1.19.19:
......@@ -3418,7 +3420,7 @@ packages:
regenerator-runtime: 0.13.11
systemjs: 6.14.0
terser: 5.16.5
vite: 4.1.4_ch2agixd2nvhl3bjpbnbe2dm3m
vite: 4.1.4_arrpzgmbs7lnlw4jcjwleqdspu
transitivePeerDependencies:
- supports-color
dev: true
......@@ -3433,7 +3435,7 @@ packages:
'@babel/core': 7.21.0
'@babel/plugin-transform-typescript': 7.21.0_@babel+core@7.21.0
'@vue/babel-plugin-jsx': 1.1.1_@babel+core@7.21.0
vite: 4.1.4_ch2agixd2nvhl3bjpbnbe2dm3m
vite: 4.1.4_arrpzgmbs7lnlw4jcjwleqdspu
vue: 3.2.47
transitivePeerDependencies:
- supports-color
......@@ -3446,7 +3448,7 @@ packages:
vite: ^4.0.0
vue: ^3.2.25
dependencies:
vite: 4.1.4_ch2agixd2nvhl3bjpbnbe2dm3m
vite: 4.1.4_arrpzgmbs7lnlw4jcjwleqdspu
vue: 3.2.47
/@vue/babel-helper-vue-transform-on/1.0.2:
......@@ -3669,6 +3671,10 @@ packages:
uri-js: 4.4.1
dev: true
/animate.css/4.1.1:
resolution: {integrity: sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==}
dev: false
/ansi-escapes/3.2.0:
resolution: {integrity: sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==}
engines: {node: '>=4'}
......@@ -3789,7 +3795,7 @@ packages:
postcss: ^8.1.0
dependencies:
browserslist: 4.21.5
caniuse-lite: 1.0.30001458
caniuse-lite: 1.0.30001460
fraction.js: 4.2.0
normalize-range: 0.1.2
picocolors: 1.0.0
......@@ -4003,7 +4009,7 @@ packages:
engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
hasBin: true
dependencies:
caniuse-lite: 1.0.30001458
caniuse-lite: 1.0.30001460
electron-to-chromium: 1.4.317
node-releases: 2.0.10
update-browserslist-db: 1.0.10_browserslist@4.21.5
......@@ -4098,8 +4104,8 @@ packages:
engines: {node: '>=10'}
dev: true
/caniuse-lite/1.0.30001458:
resolution: {integrity: sha512-lQ1VlUUq5q9ro9X+5gOEyH7i3vm+AYVT1WDCVB69XOZ17KZRhnZ9J0Sqz7wTHQaLBJccNCHq8/Ww5LlOIZbB0w==}
/caniuse-lite/1.0.30001460:
resolution: {integrity: sha512-Bud7abqjvEjipUkpLs4D7gR0l8hBYBHoa+tGtKJHvT2AYzLp1z7EmVkUT4ERpVUfca8S2HGIVs883D8pUH1ZzQ==}
/chalk/2.4.2:
resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
......@@ -4536,7 +4542,7 @@ packages:
resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
dev: true
/cosmiconfig-typescript-loader/4.3.0_nd25hbh3ectnnkbvturxnqqqfm:
/cosmiconfig-typescript-loader/4.3.0_v3kbstntxphny76zodmlbds7aa:
resolution: {integrity: sha512-NTxV1MFfZDLPiBMjxbHRwSh5LaLcPMwNdCutmnHJCKoVnlvldPWlllonKwrsRJ5pYZBIBGRWWU2tfvzxgeSW5Q==}
engines: {node: '>=12', npm: '>=6'}
peerDependencies:
......@@ -4545,9 +4551,9 @@ packages:
ts-node: '>=10'
typescript: '>=3'
dependencies:
'@types/node': 18.14.4
'@types/node': 18.14.5
cosmiconfig: 8.1.0
ts-node: 10.9.1_oboltcrkaqheaa54woelu7cdsa
ts-node: 10.9.1_2cogyjchoknpkalymtikkc6nay
typescript: 4.9.5
dev: true
......@@ -6560,7 +6566,7 @@ packages:
'@jest/environment': 27.5.1
'@jest/test-result': 27.5.1
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
chalk: 4.1.2
co: 4.6.0
dedent: 0.7.0
......@@ -6685,7 +6691,7 @@ packages:
'@jest/environment': 27.5.1
'@jest/fake-timers': 27.5.1
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
jest-mock: 27.5.1
jest-util: 27.5.1
jsdom: 16.7.0
......@@ -6703,7 +6709,7 @@ packages:
'@jest/environment': 27.5.1
'@jest/fake-timers': 27.5.1
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
jest-mock: 27.5.1
jest-util: 27.5.1
dev: true
......@@ -6719,7 +6725,7 @@ packages:
dependencies:
'@jest/types': 27.5.1
'@types/graceful-fs': 4.1.6
'@types/node': 18.14.4
'@types/node': 18.14.5
anymatch: 3.1.3
fb-watchman: 2.0.2
graceful-fs: 4.2.10
......@@ -6741,7 +6747,7 @@ packages:
'@jest/source-map': 27.5.1
'@jest/test-result': 27.5.1
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
chalk: 4.1.2
co: 4.6.0
expect: 27.5.1
......@@ -6796,7 +6802,7 @@ packages:
engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
dependencies:
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
dev: true
/jest-pnp-resolver/1.2.3_jest-resolve@27.5.1:
......@@ -6852,7 +6858,7 @@ packages:
'@jest/test-result': 27.5.1
'@jest/transform': 27.5.1
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
chalk: 4.1.2
emittery: 0.8.1
graceful-fs: 4.2.10
......@@ -6909,7 +6915,7 @@ packages:
resolution: {integrity: sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==}
engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
dependencies:
'@types/node': 18.14.4
'@types/node': 18.14.5
graceful-fs: 4.2.10
dev: true
......@@ -6948,7 +6954,7 @@ packages:
engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
dependencies:
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
chalk: 4.1.2
ci-info: 3.8.0
graceful-fs: 4.2.10
......@@ -6973,7 +6979,7 @@ packages:
dependencies:
'@jest/test-result': 27.5.1
'@jest/types': 27.5.1
'@types/node': 18.14.4
'@types/node': 18.14.5
ansi-escapes: 4.3.2
chalk: 4.1.2
jest-util: 27.5.1
......@@ -6984,7 +6990,7 @@ packages:
resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
engines: {node: '>= 10.13.0'}
dependencies:
'@types/node': 18.14.4
'@types/node': 18.14.5
merge-stream: 2.0.0
supports-color: 8.1.1
dev: true
......@@ -9624,7 +9630,7 @@ packages:
engines: {node: '>=8'}
dev: true
/ts-node/10.9.1_oboltcrkaqheaa54woelu7cdsa:
/ts-node/10.9.1_2cogyjchoknpkalymtikkc6nay:
resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
hasBin: true
peerDependencies:
......@@ -9643,7 +9649,7 @@ packages:
'@tsconfig/node12': 1.0.11
'@tsconfig/node14': 1.0.3
'@tsconfig/node16': 1.0.3
'@types/node': 18.14.4
'@types/node': 18.14.5
acorn: 8.8.2
acorn-walk: 8.2.0
arg: 4.1.3
......@@ -10026,7 +10032,7 @@ packages:
engines: {node: '>= 0.8'}
dev: true
/vite/4.1.4_ch2agixd2nvhl3bjpbnbe2dm3m:
/vite/4.1.4_arrpzgmbs7lnlw4jcjwleqdspu:
resolution: {integrity: sha512-3knk/HsbSTKEin43zHu7jTwYWv81f8kgAL99G5NWBcA1LKvtvcVAC4JjBH1arBunO9kQka+1oGbrMKOjk4ZrBg==}
engines: {node: ^14.18.0 || >=16.0.0}
hasBin: true
......@@ -10051,7 +10057,7 @@ packages:
terser:
optional: true
dependencies:
'@types/node': 18.14.4
'@types/node': 18.14.5
esbuild: 0.16.17
less: 4.1.3
postcss: 8.4.21
......
......@@ -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 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论