zynfly/sqliteviz
1
0
Fork 0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-06 18:18:53 +08:00
Code Issues Projects Releases Wiki Activity

minor changes

Browse Source
This commit is contained in:
lana-k
2020-12-20 22:30:40 +01:00
parent 068195589a
commit 6e29791892
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/DbUpload.vue
View File

@@ -31,7 +31,7 @@
ref="fileImg" ref="fileImg"
:class="{ :class="{
'swing': state === 'dragover', 'swing': state === 'dragover',
'fly': state === 'drop', 'fly': state === 'drop'
}" }"
:src="require('@/assets/images/file.png')" :src="require('@/assets/images/file.png')"
/> />
@@ -66,8 +66,10 @@ export default {
mounted () { mounted () {
if (this.illustrated) { if (this.illustrated) {
this.animationPromise = new Promise((resolve) => { this.animationPromise = new Promise((resolve) => {
this.$refs.fileImg.addEventListener('animationend', () => { this.$refs.fileImg.addEventListener('animationend', event => {
resolve() if (event.animationName.startsWith('fly')) {
resolve()
}
}) })
}) })
} }
@@ -168,7 +170,7 @@ input {
} }
.swing { .swing {
animation: swing ease-in-out 0.6s infinite alternate; animation: swing ease-in-out 0.6s infinite alternate;
} }
#left-arm-img.swing { #left-arm-img.swing {
transform-origin: 9px 83px; transform-origin: 9px 83px;
@@ -180,8 +182,8 @@ input {
transform-origin: -74px 139px; transform-origin: -74px 139px;
} }
@keyframes swing { @keyframes swing {
0% { transform: rotate(0deg); } 0% { transform: rotate(0deg); }
100% { transform: rotate(-7deg); } 100% { transform: rotate(-7deg); }
} }
#file-img.fly { #file-img.fly {
@@ -192,6 +194,6 @@ input {
transition: top 1s ease-in-out, left 1s ease-in-out; transition: top 1s ease-in-out, left 1s ease-in-out;
} }
@keyframes fly { @keyframes fly {
100% { transform: rotate(360deg) scale(0.5); } 100% { transform: rotate(360deg) scale(0.5); }
} }
</style> </style>