@acpaas-ui/ngx-navigation-menu 中文文档教程

发布于 3年前 浏览 8 更新于 3年前

@acpaas-ui/ngx-navigation-menu

NavigationMenu

此组件提供可在您的项目中使用的通用导航菜单,提供类似管理的界面外观。 导航菜单具有两种基本模式:(模式选择是自动完成的,不能手动配置)

  • 移动模式:在移动设备上,该组件将具有一个导航栏,它位于屏幕底部。 导航链接将显示为选项卡,最多可显示 3 个选项卡。 如果配置了更多导航链接,将自动创建一个“更多”选项卡,在该选项卡下嵌入不可见链接。 当用户滚动浏览不同的菜单时,动画会突出显示导航。

  • 桌面模式:在桌面上,该组件具有一个导航栏,该导航栏将自身放置在屏幕的最左边框上。 桌面模式集成了两种布局:停靠和未停靠。 默认模式可以通过模块配置来设置。 停靠时,菜单仅显示方形图标或完整导航链接。 单击链接将触发以覆盖模式打开子菜单项。 未停靠时,菜单具有不同的手风琴,包含配置的导航链接。

Usage and Documentation

访问我们的文档网站获取完整的操作文档和指南

@acpaas-ui/ngx-navigation-menu

NavigationMenu

This component provides a generic navigation menu that can be used in your projects, providing an administrative-like interface look and feel. The navigation menu features two basic modes: (mode selection is done automatically and cannot be configured manually)

  • Mobile mode: On mobile, the component will feature a navigation bar that places itself on the bottom of the screen. Navigation links will appear as tabs, making it possible to display a maximum of 3 tabs. If more navigation links are configured, a 'More' tab will automatically be created, embedded the invisible links under that tab. An animation highlights the navigation as the user scrolls though the different menus.

  • Desktop mode: On desktop, the component features a navigation bar that places itself on the outright left border of the screen. The desktop mode integrates two layouts: docked and undocked. The default mode can be set through module configuration. When docked, the menu only displays square icons io full navigation links. Clicking on the link will trigger opening up sub menu items in overlay mode. When not docked, the menu features different accordeons, containing the configured navigation links.

Usage and Documentation

Visit our documentation site for full how-to docs and guidelines

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文