el-sub-menu样式修改

`el-sub-menu`是Element UI库中的一个组件，用于创建下拉菜单（二级菜单），通常嵌套在`el-menu`组件内。如果你想自定义`el-sub-menu`的样式，可以通过CSS来实现。以下是一些常见的样式修改示例：

1. 修改背景颜色：

.el-sub-menu {
  background-color: #your-color; /* 替换为你的颜色值 */
}

2. 改变鼠标悬停效果：

.el-sub-menu:hover {
  background-color: rgba(0, 0, 0, 0.1); /* 鼠标悬停时的背景色 */
  color: #fff; /* 配合新背景色调整文字颜色 */
}

3. 调整字体大小：

.el-sub-menu .el-menu-item {
  font-size: 14px; /* 更改字体大小 */
}

记得在实际应用中，你需要将上述样式添加到你的CSS文件中，或者直接写入到HTML元素的`style`属性里，如果是Vue项目，则可以在`.vue`文件的`<style>`标签内。