vant weapp van-nav-bar 设置fixed使视图下移

vant weapp 中的 van-nav-bar 也有 fixed 属性可以设置，同样会使页面的内容下移。如果你希望页面内容不下移，可以在页面内容的容器上添加一个与导航栏高度相等的 padding-top 属性，并且在 page.json 文件中设置 "navigationStyle": "custom"，例如：

<view class="page">
  <van-nav-bar title="标题" fixed />
  <view class="content" style="padding-top: {{ navBarHeight }}px;">
    页面内容
  </view>
</view>

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "vant weapp",
  "navigationStyle": "custom"
}

这样可以保持页面内容不下移，并且让内容与导航栏之间有一定的间距。注意，这里的页面内容容器需要设置 position: absolute; 和 top:0; bottom:0; left:0; right:0;，以充满整个页面。