微信小程序封装自定义表头

组件html

<view class='nav-wrap' style='height: {
  {height*2 + 20}}px;'>
    <view class='nav-title' style='line-height: {
  {height*2 + 37}}px;'>{
  {navbarData.title}}</view>
    <view class="nav-tb" style='display: flex; justify-content: space-around;flex-direction: column'>
      <view class='nav-capsule' style='height: {
  {height*2 + 44}}px;' wx:if='{
  {navbarData.showCapsule && leftSetting }}'>
        <view bindtap='_navback' wx:if='{
  {navbarData.navback}}'>
          <image src='{
  {imagePath}}0800/CABINET/back_button_off.png' mode='aspectFill' class='back-pre'></image>
        </view>
        <view bindtap='_leftSetting' wx:if='{
  {navbarData.leftSetting}}'>
          <image src='{
  {imagePath}}0800/CABINET/menu.png' mode='aspectFill' class='back-pre'></image>
        </view>
      </view>
    </view>
</view>
<view class='main-menu-page'  hidden="{
  {leftSetting}}" style="height:100vh;">	
    <view class="leftSetting">
      <view class="left