原先是element-ui中是默认上下
/*菜单打开*/ .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
改为右下
需要覆盖原来的样式
//菜单关闭 .el-submenu>.el-submenu__title .el-submenu__icon-arrow{ -webkit-transform: rotateZ(-90deg); -ms-transform: rotate(-90deg); transform: rotateZ(-90deg); } //菜单展开 .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{ -webkit-transform: rotateZ(0deg); -ms-transform: rotate(0deg); transform: rotateZ(0deg); }
原文链接:https://blog.csdn.net/qq_39692256/article/details/82227990