Ant Design React(3.x) Menu导航菜单

1.最近在写后台项目得时候,UI设计了一版siderBar得样式,其中菜单栏收缩得时候,鼠标悬浮,会有tooltip得悬浮,要求是给他改成指定得颜色,修改得时候发现,定位不到样式再哪里,然后去官网看了下文档,结果也没找到对应得说明和属性(也可能是我自己没有找到),最后再看了menu代码,发现里面有把每一个小菜单,都生成了一个div, 放再了页面最外层,之后通过重构样式,实现了想要得效果。下面是类名

 

只有一级菜单得情况下使用得是tooltip,这样可以处理里面得样式,记得加最外层得类,不然可能会覆盖其他页面使用得tooltip得样式。

这个地方就是处理得有子集菜单得盒子了,基本算是比较简单得样式,找到地方后,样式处理起来就简单。处理的是这里的样式

注意:这个样式记得,写再最外层,不然就不会生效了,这个外层我也写menu自带得类,所以也不用担心会覆盖其他的样式。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值