1.点击搜索框旁边的搜索按钮,出现如下情况,具有一个背景色为#f2f3f5(也就是vant里面定义的--van-gray-2)
2.依靠ctrl+f,在vant全局配置中发现只有两个跟--van-gray-2相关的代码,一条是上述图片中颜色的定义,另一条就是内部组件定义的颜色(如下下图所示)。
3.找到了组件的配置,即可在vue的全局配置中设置点击后的背景颜色。
总结:
过去几天了回想起来可能思路不太清晰,总体来说想记录一个解决这种官方自定义组件配置的方法:可以根据组件展现出来的颜色,通过取色器取到,(例如我不想要点击后,搜索按钮的背景色,就用取色器取到点击搜索后的背景颜色)。然后在文档内的全局配置搜索取到的颜色,就可以很快的发现想更改的配置名。然后在自己的代码中修改成自己想要的颜色即可。