el-menuコンポーネント:ナビゲーションメニューの矢印の方向(デフォルトの上下のスタイルを変更)

元々はelement-uiのデフォルトの上下でした

 

 

/ *菜单打开* / 
.el-submenu.is-opened> .el-submenu__title .el-submenu__icon-arrow { 
    -webkit-transform:rotateZ(180deg); 
    変換:rotateZ(180deg); 

 }

  

右下に変更

元のスタイルを上書きする必要があります

// 菜单关闭 
.el- submenu > .el-submenu__title .el-submenu__icon- arrow {
     -webkit-transform:rotateZ(-90deg); 
    -ms-transform:rotate(-90deg); 
    変換:回転Z( - 90deg)。
} 
// 菜单展开 
.el- submenuis -opened> .el-submenu__title .el-submenu__icon- arrow {
     -webkit- transform:rotateZ(0deg); 
    -ms- 変換:回転(0度); 
    変換:rotateZ(0deg); 
}

 

 

 元のリンク:https://blog.csdn.net/qq_39692256/article/details/82227990

おすすめ

転載: www.cnblogs.com/star-meteor/p/12719089.html