uniapp自定义菜单栏

根据提供的引用内容，可以使用uni-app的titleNView属性来自定义菜单栏。以下是一个简单的例子：

<template>
  <view>
    <view class="content">
      <text>这是首页</text>
    </view>
  </view>
</template>

<script>
  export default {
    onNavigationBarButtonTap() {
      uni.navigateTo({
        url: '/pages/about/about'
      })
    },
    onNavigationBarSearchInputChanged() {
      console.log('输入框内容变化')
    },
    onNavigationBarSearchInputConfirmed() {
      console.log('输入框内容确认')
    },
    onNavigationBarSearchInputClicked() {
      console.log('输入框被点击')
    },
    onNavigationBarSearchInputFocusChanged() {
      console.log('输入框聚焦状态变化')
    },
    onNavigationBarSearchInputClicked() {
      console.log('输入框被点击')
    },
    onNavigationBarSearchInputConfirmed() {
      console.log('输入框内容确认')
    },
    onNavigationBarSearchInputChanged() {
      console.log('输入框内容变化')
    },
    onNavigationBarSearchInputClicked() {
      console.log('输入框被点击')
    },
    onNavigationBarSearchInputFocusChanged() {
      console.log('输入框聚焦状态变化')
    },
    onNavigationBarSearchInputConfirmed() {
      console.log('输入框内容确认')
    },
    onNavigationBarSearchInputChanged() {
      console.log('输入框内容变化')
    },
    onNavigationBarSearchInputClicked() {
      console.log('输入框被点击')
    },
    onNavigationBarSearchInputFocusChanged() {
      console.log('输入框聚焦状态变化')
    }
  }
</script>

<style>
  .content {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>

在上面的例子中，我们使用了onNavigationBarButtonTap方法来处理菜单栏按钮的点击事件。我们还可以使用其他的方法来处理输入框的变化、聚焦状态变化等事件。