Skip to content

NavbarMini Mini Navigation Bar

A simplified navigation bar for sub-pages/popups, with only back + title + right action area. Shorter than Navbar (default 64rpx).

Basic Usage

vue
<template>
  <see-navbar-mini title="Sub-page Title" @on-back="onBack" />
</template>

No Back Button

vue
<template>
  <see-navbar-mini title="Popup Title" :is-show-back="false" />
</template>

Right Slot

vue
<template>
  <see-navbar-mini title="Details">
    <template #right>
      <text>Save</text>
    </template>
  </see-navbar-mini>
</template>

Props

PropertyTypeDefaultDescription
titlestring''Navigation bar title
isShowBackbooleantrueWhether to show back button
heightstring''Custom height
bgColorstring''Custom background color

Events

EventParametersDescription
onBack-Back button click

Slots

Slot NameDescription
leftLeft side slot
centerCenter slot (overrides title)
rightRight side slot

Liao ICP No. 2025070134