update：更新菜单样式

src/styles/ctrl.scss

@@ -29,3 +29,181 @@
         }
     }
 }
+
+// 应用菜单样式
+.app-menu {
+
+    .app-menu-icon {
+        width: 20px;
+        font-size: 14px;
+        margin-right: 6px;
+    }
+
+    &.app-menu--horizontal {
+        display: flex;
+
+        >.app-menu-item {
+            display: flex;
+            height: 64px;
+        }
+
+        .el-menu-item,
+        .el-submenu__title {
+            height: 64px;
+            line-height: 64px;
+            background-color: var(--app-color-black);
+            color: var(--app-color-white) !important;
+
+            .fa {
+                color: var(--app-color-white);
+            }
+
+            &:hover,
+            &.is-active {
+                background: #202027;
+            }
+        }
+
+        .el-menu-item {
+            &.is-active {
+                border-bottom: 4px solid var(--app-color-yellow);
+                border-bottom-color: var(--app-color-yellow);
+            }
+        }
+
+        .el-submenu {
+            &.is-active,
+            &.is-opened {
+                .el-submenu__title {
+                    border-bottom: 4px solid var(--app-color-yellow);
+                    border-bottom-color: var(--app-color-yellow) !important;
+                }
+            }
+        }
+
+        .el-submenu {
+            &.is-active {
+                >.el-submenu__title {
+                    background: #202027;
+                }
+            }
+        }
+
+        .el-submenu__icon-arrow {
+            display: none;
+        }
+    }
+
+    &.app-menu--vertical {
+        color: var(--app-color-white);
+        background-color: #001529;
+        border-right: none;
+
+        .el-menu-item,
+        .el-submenu__title {
+            height: 40px;
+            line-height: 40px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            color: var(--app-color-white);
+            background-color: #001529;
+
+            .fa,
+            .el-submenu__icon-arrow {
+                color: var(--app-color-white);
+            }
+
+            &:hover,
+            &.is-active {
+                background-color: var(--app-color-blue);
+            }
+        }
+
+        .el-submenu {
+            &.is-active {
+                >.el-submenu__title {
+                    background-color: var(--app-color-blue);
+                }
+            }
+        }
+        &.el-menu--collapse {
+            .el-menu-item,
+            .el-submenu__title { 
+                overflow: visible;
+            }
+
+            .el-submenu__icon-arrow {
+                display: none;
+            }
+        }
+    }
+}
+.app-popper-menu--horizontal {
+    .el-menu--popup {
+        padding: 0;
+
+        .el-submenu__icon-arrow {
+            display: none;
+        }
+
+        .el-menu-item,
+        .el-submenu__title {
+            height: 40px;
+            line-height: 40px;
+            padding: 0 12px;
+            background-color: var(--app-color-black);
+            color: var(--app-color-white) !important;
+            border-bottom: 1px solid var(--app-color-gray-250);
+            border-bottom-color: var(--app-color-gray-250) !important;
+        }
+
+        .el-submenu {
+            &.is-active {
+                >.el-submenu__title {
+                    background: #202027;
+                }
+            }
+        }
+
+        .el-menu-item {
+            &.is-active {
+                background: #202027;
+            }
+        }
+    }
+}
+.app-popper-menu--vertical {
+    .el-menu--popup {
+        padding: 0;
+
+        .el-submenu__icon-arrow {
+            display: none;
+        }
+
+        .el-menu-item,
+        .el-submenu__title {
+            height: 40px;
+            line-height: 40px;
+            padding: 0 12px;
+            color: var(--app-color-white) !important;
+            background-color: #001529;
+            border-bottom: 1px solid var(--app-color-gray-250);
+            border-bottom-color: var(--app-color-gray-250) !important;
+        }
+
+        .el-submenu {
+            &.is-active {
+                >.el-submenu__title {
+                    background-color: var(--app-color-blue);
+                }
+            }
+        }
+
+        .el-menu-item {
+            &.is-active {
+                background-color: var(--app-color-blue);
+            }
+        }
+    }
+}
\ No newline at end of file

src/styles/element/index.scss

 @import './radio-group.scss';
-@import './menu.scss';
 @import './autocomplete.scss';
 @import './input.scss';
 @import './select.scss';

src/styles/element/menu.scss

-.el-menu--horizontal {
-    display: flex;
-
-    .el-menu-item,
-    .el-submenu__title {
-        background-color: var(--app-color-black) !important;
-        color: var(--app-color-white) !important;
-
-        &:hover,
-        &.is-active {
-            background: #202027 !important;
-        }
-    }
-
-    >.el-menu-item {
-        height: 64px;
-
-        &.is-active {
-            background: #202027 !important;
-            border-bottom: 4px solid var(--app-color-yellow);
-            border-bottom-color: var(--app-color-yellow) !important;
-        }
-    }
-
-    >.el-submenu {
-        .el-submenu__title {
-            height: 64px;
-        }
-
-        &.is-active,
-        &.is-opened {
-            .el-submenu__title {
-                border-bottom: 4px solid var(--app-color-yellow);
-                border-bottom-color: var(--app-color-yellow) !important;
-            }
-        }
-    }
-
-    .el-submenu__icon-arrow {
-        display: none;
-    }
-
-    &.app-popper-menu {
-        .el-menu--popup {
-            padding: 0;
-
-            .el-menu-item,
-            .el-submenu__title {
-                height: 40px;
-                padding: 0 12px;
-                border-bottom: 1px solid var(--app-color-gray-250);
-                border-bottom-color: var(--app-color-gray-250) !important;
-            }
-        }
-    }
-}
-
-.el-menu--vertical {
-
-    .el-menu-item,
-    .el-submenu__title {
-        height: 40px;
-        line-height: 40px;
-        // overflow: hidden;
-        // white-space: nowrap;
-        // text-overflow: ellipsis;
-        color: var(--app-color-white);
-        background-color: #001529;
-
-        .fa,
-        .el-submenu__icon-arrow {
-            color: var(--app-color-white);
-        }
-
-        &:hover,
-        &.is-active {
-            background-color: var(--app-color-blue);
-        }
-    }
-
-    .el-submenu {
-        &.is-active {
-            >.el-submenu__title {
-                background-color: var(--app-color-blue);
-            }
-        }
-    }
-}
\ No newline at end of file