element-ui餓了麼框架中導航菜單中箭頭方向問題

這是餓了麼默認導航樣式（下、上）

然而大部分使用場景、用戶習慣是下邊這種箭頭方向（右、下）

element組件中沒辦法更改icon的值

採用覆蓋element組件的css樣式，或者直接更改依賴模塊中的源碼

源碼：

/*菜單打開*/
.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://jsfiddle.net/47aq9kmf/2/