Skip to content

顶部导航标题

@astryxdesign/core v0.7.1 · TopNavHeading

属性 ​

属性类型默认值说明
headingstring—产品或应用的名字,就是标题本身。只有标志、没有文字时可以不传。
hrefstring—和 headingHref 是同一个意思,写出来是为了让顶栏和侧栏的标题用同样的属性名。两个都写时以 headingHref 为准。
headingHrefstring—标题的链接,一般指向产品首页。没有菜单、而且只有这一处链接时,整段标题是一个大链接。
superheadingstring—标题上面那行小字,例如套件名。字号更小、颜色更淡。
superheadingHrefstring—上方小字的链接,例如套件首页。和菜单一起用时,这行小字自己是一个独立链接。
subheadingstring—标题下面那行小字,例如当前账户。字号更小、颜色更淡。
subheadingHrefstring—下方小字的链接。和菜单一起用时,这行小字自己是一个独立链接。
logoLabelstringheading标志单独成链接、旁边又没有可读文字时,给读屏用的名字。不传就用标题文字。标志不是链接时这个属性不起作用。
asNavLinkComponent'a'链接换成别的根组件时用,例如 RouterLink。只有写了地址才会用到。

插槽 ​

  • logo:标题左边的标志,可以是图片、NavIcon,或者任意元素。
  • icon:和 logo 是同一个位置。两个都写时用 logo。
  • end:标题这一行的末尾,例如放一个徽章。
  • menu:弹出菜单的内容。给了它,标题旁边会自动出现箭头。没有链接时点整段标题打开菜单;有链接时链接各管各的,只有箭头打开菜单。插槽参数有 close 和 focusRequest。