#299 Use Anime instead of Velocity
This commit is contained in:
parent
5869aab255
commit
9996603e15
12 changed files with 139 additions and 107 deletions
|
|
@ -16,20 +16,22 @@
|
|||
|
||||
</style>
|
||||
<script>
|
||||
import anime from 'animejs';
|
||||
|
||||
this.on('mount', () => {
|
||||
Velocity(this.root, {
|
||||
bottom: '0px'
|
||||
}, {
|
||||
anime({
|
||||
targets: this.root,
|
||||
bottom: '0px',
|
||||
duration: 500,
|
||||
easing: 'ease-out'
|
||||
easing: 'easeOutQuad'
|
||||
});
|
||||
|
||||
setTimeout(() => {
|
||||
Velocity(this.root, {
|
||||
bottom: '-64px'
|
||||
}, {
|
||||
anime({
|
||||
targets: this.root,
|
||||
bottom: '-64px',
|
||||
duration: 500,
|
||||
easing: 'ease-out',
|
||||
easing: 'easeOutQuad',
|
||||
complete: () => this.unmount()
|
||||
});
|
||||
}, 6000);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue