chat-app/src/components/custom-navbar/index.vue

<template>
  <tm-navbar
    :hideBack="props.hideBack"
    :hideHome="props.hideHome"
    :title="props.title"
    :shadow="props.shadowNum"
    :fontSize="34"
    :showStatusBar="false"
  >
    <template #left>
      <slot name="left"></slot>
    </template>
    <template #subTitle>
      <slot name="subTitle"></slot>
    </template>
    <template #right>
      <slot name="right"></slot>
    </template>
  </tm-navbar>
</template>
<script setup>
import tmNavbar from '@/uni_modules/tmui/components/tm-navbar/tm-navbar.vue'
import { defineProps } from 'vue'

const props = defineProps({
  title: {
    //页面标题
    type: String,
    default: '',
  },
  hideBack: {
    //是否隐藏返回按钮
    type: Boolean,
    default: false,
  },
  shadowNum: {
    //投影
    type: Number,
    default: 1,
  },
  hideHome: {
    type: Boolean,
    default: false,
  },
})
</script>

<style scoped lang="scss">
::v-deep .text-view {
  text {
    font-weight: 500;
    line-height: 48rpx;
  }
}
</style>