优化元素动画选择面板体验

src/views/Editor/Toolbar/ElementAnimationPanel.vue

@@ -10,19 +10,24 @@
                 <div 
                   class="pool-item" 
                   v-for="item in type.children" :key="item.name"
+                  @mouseenter="hoverPreviewAnimation = item.value"
+                  @mouseleave="hoverPreviewAnimation = ''"
+                  @click="addAnimation(item.value)"
+                >
+                  <div 
+                    class="animation-box"
                     :class="[
                       'animate__animated',
                       'animate__faster',
                       hoverPreviewAnimation === item.value && `animate__${item.value}`,
                     ]"
-                  @mouseover="hoverPreviewAnimation = item.value"
-                  @click="addAnimation(item.value)"
                   >
                     {{item.name}}
                   </div>
                 </div>
               </div>
             </div>
+          </div>
         </template>
         <Button class="element-animation-btn">
           <IconEffects style="margin-right: 5px;" /> {{handleElementAnimation || '点击选择动画'}}