11.3. 关于 Developer Hub 实例的侧边栏菜单项

流程

• 在 app-config.yaml 文件中，更新 < plugin_name> 插件的 menuItems 部分。例如：

  dynamicPlugins:
    frontend:
      _<plugin_name>_:
        menuItems:
          <menu_item_name>:
            icon: # home | group | category | extension | school | _<my_icon>_
            title: _<plugin_page_title>_
            priority: 10
            parent: favorites
            enabled: true

  Copy to Clipboard Toggle word wrap

  <plugin_name>

  输入插件名称。这个名称与 package.json 文件中的 scalprum.name 键相同。

  <menu_item_name>

  在主边栏导航中输入唯一名称，可以是单机菜单项或父菜单项。如果此字段指定了插件菜单项，则菜单项的名称必须与 dynamicRoutes 中对应路径中的名称匹配。例如，如果 dynamicRoutes 定义 path: /my-plugin，则 menu_item_name 必须定义为 my-plugin。

  icon

  （可选）输入图标名称。您可以使用以下图标中的任何一个：

  • 默认图标，如 家、组、flavor、extension 和 ations。要使用默认图标，请将图标设置为(" ")空字符串。
  • 一个自定义图标，其中 & lt;my_icon > 指定自定义图标的名称
  • 一个 SVG 图标，例如： icon: <svg width="20px" height="20px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill://[ffffff">…​</svg>
  • HTML 镜像，如： icon: https://img.icons8.com/ios-glyphs/20/FFFFFF/shop.png

  title

  （可选）输入菜单项标题。当标题已在 menuItem.text 下的 dynamicRoutes 配置中被指定时，省略它。要隐藏边栏中的标题，请将标题设置为(" ")空字符串。

  priority

  （可选）设置菜单项出现在侧边栏中的顺序。默认优先级是 0，它将项目放在列表的底部。较高的优先级值会将项目更高的位置放在边栏中。您可以为每个部分定义此字段。

  父

  （可选）输入当前项目嵌套的父菜单项。如果使用此字段，则必须在任何已启用插件的 menuItem 配置中定义 父菜单项。您可以为每个部分定义此字段。

  enabled

  （可选）如果使用此字段在侧边栏中隐藏菜单项，请将值设为 false。要在边栏中显示菜单项，请将值设为 true。

  dynamicPlugins:
    frontend:
      _<package_name>_:
        dynamicRoutes:
          - path: /my-plugin
            module: CustomModule
            importName: FooPluginPage
            menuItem:
              icon: fooIcon
              text: Foo Plugin Page
        menuItems:
          my-plugin:
            priority: 10
            parent: favorites
          favorites:
            icon: favorite
            title: Favorites
            priority: 100

  Copy to Clipboard Toggle word wrap

  my-plugin

  匹配 dynamicRoutes 中的 path 字段的值。

  priority

  控制父菜单项下的插件顺序。

  父

  将此插件嵌套在喜欢 的父 菜单项下。

  favorites

  父菜单项的配置。

  icon

  显示 RHDH 系统图标中的 喜欢 图标。

  title

  显示父菜单项的标题名称。

  priority

  边栏中 传真 菜单项的顺序。

流程

• 在 app-config.yaml 文件中，在 default.main-menu-items > menuItems 部分添加一个部分。使用 default. 前缀将键标识为主菜单项。

  dynamicPlugins:
    frontend:
      default.main-menu-items:
        menuItems:
          default._<menu_group_parent_item_name>_:
            icon: # home | group | category | extension | school | _<my_icon>_
            title: _<menu_group_parent_title>_
            priority: 10
          default._<menu_item_name>_:
            parent: _<menu_group_parent_item_name>_
            icon:  # home | group | category | extension | school | _<my_icon>_
            title: _<my_menu_title>_
            to: _<path_to_the_menu_target_page>_
            priority: 100
            enabled: true

  Copy to Clipboard Toggle word wrap

  default.<menu_group_parent_item_name>

  （可选）输入菜单组父项来配置静态主菜单项。如果没有 默认值。<menu_item_name & gt; 设置了父 值，则不需要此字段。

  icon

  输入菜单图标。父菜单项是必需的。

  title

  输入菜单组标题。父菜单项是必需的。

  priority

  （可选）在菜单级别输入此菜单项的顺序。

  default.<menu_item_name>

  输入您要覆盖默认值的菜单项名称。添加 default. 前缀，以识别主菜单项。

  父

  （可选）输入此项目的父菜单项。如果 <menu_item_name> 指定为任何菜单项的子级，则需要此项。

  icon

  （可选）输入菜单图标。要使用默认图标，请将图标设置为(" ")空字符串。

  title

  （可选）输入菜单组标题。只需要添加新的自定义主菜单项。要隐藏边栏中的默认主菜单项标题，请将标题设置为(" ")空字符串。

  至

  （可选）输入菜单项导航到的路径。如果没有设置，则默认为主页。

  priority

  （可选）在菜单级别输入此菜单项的顺序。

  enabled

  （可选）如果使用此字段在侧边栏中显示菜单项，请将值设为 true。要在边栏中隐藏菜单项，请将值设为 false。

  default.main-menu-items:
        menuItems:
          default.catalog:
            icon: category
            title: My Catalog
            priority: 5
          default.learning-path:
            title: ''
          default.parentlist:
            title: Overview
            icon: bookmarks
          default.home:
            parent: default.parentlist
          default.references:
            title: References
            icon: school
            to: /references
            enabled: true

  Copy to Clipboard Toggle word wrap

  icon

  指定是否要更改目录的图标默认菜单项。

  title

  指定空字符串 " "，从默认边栏隐藏学习路径。

  default.parentlist

  介绍父菜单项。

  父

  在 default.parentlist 父菜单项下嵌套主页。

  title

  为 default.references指定名称

  icon

  显示 学会 图标。

  至

  将 default.references 重定向到 /references 页面。

  enabled

  （可选）如果使用此字段在侧边栏中显示菜单项，请将值设为 true。要在边栏中隐藏菜单项，请将值设为 false。