Components

Navbar 导航顶栏

面向站点与文档门户的全局导航顶栏，支持品牌 Logo、桌面链接、快捷 CTA 与移动端折叠抽屉。

基础顶栏

集成品牌、徽标链接、操作按钮及移动端抽屉。

<Navbar
  brand-title="ReCloud"
  :links="[
    { label: '功能特性', href: '#features' },
    { label: '组件文档', to: '/components/button' },
    { label: '更新日志', to: '/components/timeline', badge: 'v0.3.0' }
  ]"
>
  <template #actions>
    <Button size="sm" variant="ghost">登录</Button>
    <Button size="sm">快速开始</Button>
  </template>
</Navbar>

API 参考

属性	类型	默认值	说明
`brandTitle`	`string`	`''`	品牌标题文本。
`brandHref`	`string`	`'/'`	品牌 Logo 的普通外链目标。
`brandTo`	`string`	`undefined`	品牌 Logo 的路由跳转目标（Vue Router / Nuxt）。
`links`	`NavbarLink[]`	`[]`	导航链接列表：label、href?、to?、badge?、active?。
`sticky`	`boolean`	`true`	是否在页面顶部粘性吸顶固定。
`bordered`	`boolean`	`true`	是否展示底部微边框。
`slot: logo`	`slot`	`—`	自定义品牌 Logo 图标。
`slot: brand`	`slot`	`—`	自定义品牌标题区域。
`slot: links`	`slot`	`—`	自定义桌面端链接。
`slot: mobile-links`	`slot`	`—`	自定义移动端抽屉内的导航内容；桌面端 #links 不会自动复用至移动端。
`slot: actions`	`slot`	`—`	右侧 CTA 操作按钮组。
`slot: extra`	`slot`	`—`	右侧辅助组件（如主题切换、搜索）。