微信小程序自定义 顶部nav 和 底部tabbar

一、微信小程序自定义Nav：

1、首先在小程序app.json中添加 "navigationStyle": "custom"来标志自定义导航栏：

2、调节 view 代替原顶部导航栏到app.js里添加

statusBarHeight: wx.getSystemInfoSync()['statusBarHeight'] 这句：

3、在components文件里封装组件detailNav(注册组件)：

代码如下：
wxml：

// detailNav.wxml
<view class="nav-top" style="padding-top:{
   {statusBarHeight}}px">
  <view bindtap="onBack" class="nav-top-img">
    <image src="../../images/detail_img/nav_icon_back_black.png"></image>
  </view>
  <view class="nav-top-txt">咨询详情页</view>
  <view class="nav-top-qubie"></view> 
</view>

wxss：

// detailNav.wxss
.nav-top{
   
    position: fixed;
    width