API Reference > @next-core/brick-types > BreadcrumbConf

BreadcrumbConf interface

面包屑配置。

Signature:

export interface BreadcrumbConf

Remarks

每一层路由都可以按需配置零个、一个或多个面包屑，系统将组合这些面包屑显示在页面顶栏中。

通过 overwrite 指定是否覆盖上层路由已有的面包屑列表（默认为追加模式）。

注意系统将始终在面包屑起始位置显示当前应用的名字。

Example

routes:
  - path: "${APP.homepage}/products"
    menu:
      breadcrumb:
        items:
          text: "Products"
          to: "${APP.homepage}/products"
    bricks:
      - brick: "your.brick"
        slots:
          content:
            type: "routes"
            routes:
              - path: "${APP.homepage}/products/:productId"
                menu:
                  breadcrumb:
                    items:
                      text: "Product Detail"
                      to: "${APP.homepage}/products/${productId}"

在页面 /products 将显示 Your App > Products 面包屑。

而在页面 /products/:productId 将显示 Your App > Products > Product Detail 面包屑。

Properties

Property	Type	Description
items	BreadcrumbItemConf[]	面包屑列表。
noCurrentApp	boolean	是否显示当前 AppName
overwrite	boolean	是否覆盖上层路由已有的面包屑列表（默认为追加模式）。
useCurrentMenuTitle	boolean	使用当前菜单标题作为面包屑标题