🎨 style: 优化样式

src/components/mouseMenu/main.less

@@ -4,23 +4,28 @@
         margin-left: 287px;
         background: #fff;
         position: relative;
+
         .first_menu {
             display: flex;
             width: 60vw;
+
             >div {
                 width: 140px;
+
                 .menu_items {
                     // justify-content: flex-start;
                     padding: 0;
                     font-size: 14px;
                     color: #333;
                     width: 100%;
-                    line-height: 40px;
+                    animation: line .4s forwards;
+
                     &:hover {
                         background: #f6f7f8;
                         color: #296bef;
                     }
                 }
+
                 .mouse_menuactive {
                     font-weight: bold;
                     color: #296bef;
@@ -29,12 +34,23 @@
 
         }
 
+        @keyframes line {
+            0% {
+                line-height: 0px;
+            }
+
+            100% {
+                line-height: 40px;
+            }
+        }
+
         .closeMenu {
             position: absolute;
             bottom: 20px;
             right: 5%;
             font-size: 30px;
             cursor: pointer;
+
             &:hover {
                 color: #296bef;
                 font-weight: bold;