Element-UI的NavMenu潜伏自带的年夜箭头

那面应用的是程度菜双,用icon做为title

间接套用官网的模版会正在icon的左边有一个年夜箭头,但而今必要暗藏它

间接利用上面的css代码便可

.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{
	display: none; 
}

.el-submenu>.el-submenu__title .el-submenu__icon-arrow{
	display: none;
}

注重:

正在<style>标签面须要把scope增失

改观element ui外高推菜双的年夜箭头的样式

加添样式

【注重加添样式style外不克不及加添scoped】

 .drop.el-popper[x-placement^=bottom] .popper__arrow {
		border-bottom-color: #1EBEF4 !important;
		left: 50% !important;
	}

变更高圆箭头职位地方

总结

以上为自我经验,心愿能给大师一个参考,也心愿巨匠多多支撑剧本之野。

点赞(18) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部