el-menu component: the direction of the arrow in the navigation menu (modify the default up and down styles)

Originally it was the default up and down in element-ui

 

 

/ * Menu open * /
.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);

 }

　　

Change to lower right

Need to overwrite the original style

//菜单关闭
.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); 
}

 

 

 Original link: https://blog.csdn.net/qq_39692256/article/details/82227990