uiNavBar_20px_0">vant-ui小程序>微信小程序版中的NavBar 导航栏上方有20px像素问题的解决方案
在目前最新版1.10.2的vant Weapp UI组件库的NavBar 导航栏有一个小bug。
头部导航栏与顶部多了20像素的内边距。
1.刚开始遇到这种问题直接选择查找css样式的类名，然后对其进行修改。发现更改失败
尝试了文档中的
-
fixed 是否固定在顶部
-
safe-area-inset-top 是否留出顶部安全距离（状态栏高度）
-
custom-class 根节点样式
然后又尝试使用了
-
/deep/ 深度作用选择器
-
! important 提升指定样式规则的应用优先权。
无一例外都失败了
最终解决方案
对源代码进行了更改。
位置：miniprogram_npm>@vant>weapp>nav-bar>index.wxml
改动前
改动后
大家以后在遇到同样的问题同样可以效仿以上步骤进行解决。
注：不到万不得已，最好不要对源码进行更改。
