Element ui 的NavMenu二级菜单下拉icon修改
原来是这样的,下拉icon在右边
修改成icon在左边,并更改icon的形状
修改icon的css属性,覆盖原来的。需要注意的是取消打开和关闭submenu的动画,否则点击icon的时候会有移动动画。
.el-submenu__title i {//change the icon positionposition: absolute;left: -10px;top:50%;transform: translateY(-1px);//adjust position&:before {content: "\e790";//change icon typefont-size: 16px;color: #979797;}}/*close menu*/.el-submenu > .el-submenu__title .el-submenu__icon-arrow {transition: transform 0s;//cancel move animation}/*open menu*/.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg) translateX(185px);//185px is decided according to menu widthtransition: transform 0s;}