修改elementUi菜单栏的样式

在Element UI中修改菜单栏（`el-menu`）的样式，你可以通过自定义主题、CSS覆盖或者是直接操作DOM元素的方式来进行。这里我会提供几种常见的方法：

1. **使用主题色系统**：
Element UI 提供了主题颜色系统的支持，你可以创建一个全局的less文件或者每个组件单独的less文件，在其中定义`.el-menu`的样式。例如，你可以修改背景颜色、文字颜色等：

   .theme-custom .el-menu {
     background-color: #custom-color;
     color: #custom-text-color;
   }

2. **CSS覆盖**：
如果你想对特定菜单项进行定制，可以在你的CSS中选择器匹配到`el-menu-item`并添加样式。例如：

   .your-class-name .el-menu-item {
     color: red;
     font-weight: bold;
   }

确保将`.your-class-name`替换为你实际应用该样式的菜单项的选择器。

3. **JavaScript操作DOM**：
如果需要动态地改变某个特定菜单的样式，可以使用JavaScript获取到对应元素并修改其样式，例如：

   const menu = document.querySelector('#myMenu');
   menu.style.backgroundColor = 'blue';

把`#myMenu`换成你需要修改的实际菜单元素ID。