---
title: Navbar 导航栏
description: 用于不同页面之间切换或者跳转，位于内容区的上方，系统状态栏的下方。
spline: base
isComponent: true
toc: false
---

## 基本用法

通过 `fixed` 属性可使组件固定在顶部，默认为 `true`<br/>
通过 `homeIcon` 属性可设置组件首页图标，默认为 `true`<br/>
通过 `title` 属性可设置组件标题

{{ base }}
## 左侧双操作导航栏

通过 `leftIcon` 属性可设置组件左侧图标，支持 `slot`、`function`、`boolean`，当只为 `true` 时，则显示默认返回图标

{{ leftIcon }}
## 右侧双操作导航栏

通过 `rightIcon` 属性可设置组件右侧显示内容，支持 `slot`、`function`

{{ rightIcon }}
