🎨 style: 优化样式

src/components/mouseMenu/main.less

@@ -4,24 +4,29 @@
         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;
                 }
@@ -29,13 +34,24 @@
 
         }
 
+        @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;
             }