最近工作中用到饿了么中的导航菜单,原悬浮背景色不符合要求,且失焦后,无背景色,文档中居然没有给修改这些的接口。。。急得我要去改源码了,但是吧,,看了看源码我又放弃了,我觉得还不如自己重新写…这个问题放了两三天,今天又看了看,突然发现浏览器的一个小功能,以前居然都不知道。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201209172113175.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2Mzc3NQ==,size_16,color_FFFFFF,t_70)
想要的其实就是原生写的hover,点击这里,就能在下面看到,把一长串的类名复制到页面,然后写样式就行了。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201209172745455.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2Mzc3NQ==,size_16,color_FFFFFF,t_70)
导航菜单这里改背景色还有个更简单的方式,点击几次dom,发现饿了么是通过is-active这个类名去控制背景色的,所以直接用is-active去修改背景色就可以了。
小公司没有大佬带。。一切都靠自己摸索~~
== 有用点个收藏吧,火鸡们,集美们 ==