Skip to content

NavbarMini 迷你导航栏

子页面/弹窗内的简化导航栏,仅返回 + 标题 + 右侧操作区。比 Navbar 更矮(默认 64rpx)。

基础用法

vue
<template>
  <see-navbar-mini title="子页面标题" @on-back="onBack" />
</template>

无返回按钮

vue
<template>
  <see-navbar-mini title="弹窗标题" :is-show-back="false" />
</template>

右侧插槽

vue
<template>
  <see-navbar-mini title="详情">
    <template #right>
      <text>保存</text>
    </template>
  </see-navbar-mini>
</template>

Props

属性类型默认值说明
titlestring''导航栏标题
isShowBackbooleantrue是否显示返回按钮
heightstring''自定义高度
bgColorstring''自定义背景色

Events

事件名参数说明
onBack-返回按钮点击

Slots

插槽名说明
left左侧插槽
center中间插槽(覆盖 title)
right右侧插槽

辽 ICP 备 2025070134 号