From 1f227e19ae6ae6e555eff1644f16a7a0c6136a81 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <1171051090@qq.com>
Date: Fri, 22 Jan 2021 09:55:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=85=83=E7=B4=A0=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB=E9=80=89=E6=8B=A9=E9=9D=A2=E6=9D=BF=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Editor/Toolbar/ElementAnimationPanel.vue  | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/views/Editor/Toolbar/ElementAnimationPanel.vue b/src/views/Editor/Toolbar/ElementAnimationPanel.vue
index 2eb6b578..0b93fb5a 100644
--- a/src/views/Editor/Toolbar/ElementAnimationPanel.vue
+++ b/src/views/Editor/Toolbar/ElementAnimationPanel.vue
@@ -10,15 +10,20 @@
                 <div 
                   class="pool-item" 
                   v-for="item in type.children" :key="item.name"
-                  :class="[
-                    'animate__animated',
-                    'animate__faster',
-                    hoverPreviewAnimation === item.value && `animate__${item.value}`,
-                  ]"
-                  @mouseover="hoverPreviewAnimation = item.value"
+                  @mouseenter="hoverPreviewAnimation = item.value"
+                  @mouseleave="hoverPreviewAnimation = ''"
                   @click="addAnimation(item.value)"
                 >
-                  {{item.name}}
+                  <div 
+                    class="animation-box"
+                    :class="[
+                      'animate__animated',
+                      'animate__faster',
+                      hoverPreviewAnimation === item.value && `animate__${item.value}`,
+                    ]"
+                  >
+                    {{item.name}}
+                  </div>
                 </div>
               </div>
             </div>