From 43710e04c2c47fd8d3791c579c025b3b48883904 Mon Sep 17 00:00:00 2001
From: wangsongsole <wangsongsole@126.com>
Date: Thu, 15 Jun 2023 17:13:00 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style:=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/mouseMenu/main.less | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/components/mouseMenu/main.less b/src/components/mouseMenu/main.less
index 0b274abb..924e6cb6 100644
--- a/src/components/mouseMenu/main.less
+++ b/src/components/mouseMenu/main.less
@@ -4,38 +4,54 @@
         margin-left: 287px;
         background: #fff;
         position: relative;
+
         .first_menu {
             display: flex;
             width: 60vw;
+
             >div {
                 width: 140px;
-                .menu_items{
+
+                .menu_items {
                     // justify-content: flex-start;
                     padding: 0;
                     font-size: 14px;
                     color: #333;
                     width: 100%;
-                    line-height: 40px;
-                    &:hover{
+                    animation: line .4s forwards;
+
+                    &:hover {
                         background: #f6f7f8;
                         color: #296bef;
                     }
                 }
-                .mouse_menuactive{
+
+                .mouse_menuactive {
                     font-weight: bold;
                     color: #296bef;
-                  } 
+                }
             }
 
         }
 
+        @keyframes line {
+            0% {
+                line-height: 0px;
+            }
+
+            100% {
+                line-height: 40px;
+            }
+        }
+
         .closeMenu {
             position: absolute;
             bottom: 20px;
             right: 5%;
             font-size: 30px;
             cursor: pointer;
-            &:hover{
+
+            &:hover {
                 color: #296bef;
                 font-weight: bold;
             }