Components

Navbar 导航顶栏

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

基础顶栏

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

<Navbar
  brand-title="ReCloud"
  :links="[
    { label: '功能特性', href: '#features' },
    { label: '组件文档', to: '/components/button' },
    { label: '更新日志', to: '/components/timeline', badge: 'v0.2.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	—	右侧辅助组件（如主题切换、搜索）。