elment-ui导航newmenu组件展开二级菜单的箭头旋转90度修改

spw_programmer

于 2023-08-10 09:19:48 发布

阅读量517

点赞数 3

文章标签： vue.js elementui scss typescript

本文链接：https://blog.youkuaiyun.com/spw_programmer/article/details/132201949

版权

文章讨论了在前端开发中，如何使用CSS的transform属性实现.el-submenu组件中，鼠标悬停时子菜单图标箭头的旋转效果，从0度到90度的切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//初始值

.el-submenu>.el-submenu__title ..el-submenu__icon-arrow{

transform:rotateZ(0deg) !important        

}

//触发后的

.el-submenu .is-opened >.el-submenu__title ..el-submenu__icon-arrow{

transform:rotateZ(90deg) !important        

}