|
|
@@ -2,8 +2,8 @@
|
|
|
<transition
|
|
|
appear
|
|
|
name="animate__animated animate__move"
|
|
|
- enter-active-class="animate__flipInX"
|
|
|
- leave-active-class="animate__flipOutX"
|
|
|
+ enter-active-class="animate__slideInUp"
|
|
|
+ leave-active-class="animate__slideOutDown"
|
|
|
>
|
|
|
<div class="widget-CustomToolBox" ref="widget-CustomToolBox">
|
|
|
<div class="tool-list">
|
|
|
@@ -49,8 +49,8 @@ export default class CustomToolBox extends Vue {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-.animate__flipInX,
|
|
|
-.animate__flipOutX {
|
|
|
+.animate__slideInUp,
|
|
|
+.animate__slideOutDown {
|
|
|
animation-duration: 3s; //动画持续时间
|
|
|
animation-delay: 0s; //动画延迟时间
|
|
|
}
|