Element Plus Menu二级菜单的样式修改 el-popper

在Element Plus中，要修改二级菜单（el-submenu）的样式，你需要通过CSS选择器来覆盖默认的样式。由于el-popper是一个由el-submenu触发的弹出层，你需要首先确保你的CSS能够选中正确的元素。

以下是一个CSS示例，用于修改二级菜单的el-popper样式：

/* 确保你的样式在组件样式之后加载，以便覆盖默认样式 */
.el-popper[x-placement^="bottom"] {
  /* 修改你想要改变的样式，比如背景色、边框等 */
  background-color: #f0f0f0;
  color: #666;
  border: 1px solid #ddd;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
 
/* 如果你需要针对不同的二级菜单定制样式，可以添加更具体的选择器 */
.el-popper[x-placement^="bottom"].custom-submenu {
  /* 添加特定的样式 */
  border-color: #333;
}

在你的Vue组件中，确保el-submenu有一个类名来匹配上面CSS中的选择器：

<el-submenu index="1" class="custom-submenu">
  <!-- 你的二级菜单代码 -->
</el-submenu>

请注意，你可能需要使用更具体的CSS选择器来确保你的样式仅应用于特定的el-popper元素。如果你的项目中有一个全局的样式文件，你可能需要提升你的样式规则的优先级，或者使用更具体的选择器来避免影响其他组件。