el-menu 組件：導航菜單中箭頭方向問題(對默認的上下進行樣式的修改)

原先是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