文档

三级导航

更新时间:

简介

三级导航为页面和功能提供顶部三级导航的菜单列表。

image

前提条件

  1. 需配置对应页面,具体操作请参见:添加页面

  2. 需配置页面导航,具体操作请参见:导航设置

属性配置

三级导航组件属性由以下部分组成:

分类

属性

示例

说明

基础属性

固定导航菜单

image.png

三级导航组件预定义三个需要平铺展示的导航级别:一级导航、二级导航、三级导航,请参见固定导航菜单

开启导航筛选

image

三级导航组件支持配置指定的可展示导航组,顺序(通过⋮⋮移动),可以根据需求配置。

导航栏方向

image

三级导航组件预设了两种导航栏排列方向水平、竖直,请参见导航栏方向

渲染子导航

image.png

三级导航组件支持配置是否开启渲染子导航模式,关闭:只渲染【固定导航菜单】选中的层级;开启:渲染【固定导航菜单】层级及以下所有层级;

子导航展开触发方式

image

三级导航组件预设了两种子导航栏触发动作点击、悬浮,请参见子导航展开触发方式

子导航打开模式

image

三级导航组件预设了两种子导航打开模式内联、弹窗,请参见子导航打开模式

同级导航展开个数

image

三级导航组件预设了两种同级导航展开个数一个、多个,表示可以同时展开的同级导航个数。

一直展开所有导航

image

三级导航组件可以设置导航组是否一直处于展开状态。

开启权限控制

image

三级导航组件允许开启权限控制过滤掉没有权限的导航项。

样式

主题风格

image

三级导航组件预设三种主题风格主题色、白色、暗黑色和自定义主题,请参见主题风格

间距

image

间距属于页面组件通用属性,关于此部分属性的更多信息,请参见样式

条件可见性

条件可见性

image_7c7c81f0cag9

关于此部分属性的更多信息,请参见条件可见性

说明
  • 仅固定导航菜单为不固定,才可支持开启导航筛选配置。

  • 仅固定导航菜单为不固定并且未导航栏方向垂直,才可支持子导航打开模式配置。

  • 仅固定导航菜单为不固定并且未导航栏方向水平,才可支持子导航展开触发方式配置。

  • 仅子导航打开模式为内联,才可支持同级导航展开个数配置。

  • 仅同级导航展开个数为多个,才可支持一直展开所有导航配置。

固定导航菜单

形态

说明

样式

一级导航

展示当前导航项所属一级导航的所有导航项。

image

二级导航

展示当前导航项所属二级导航的所有导航项。

image

三级导航

展示当前导航项所属三级导航的所有导航项。

image.png

导航栏方向

方向

样式

水平

image

竖直

image

子导航打开模式

模式

样式

内联

image

弹窗

image

子导航展开触发方式

方式

样式

点击

image

悬浮

image

主题风格

风格

样式

示例

说明

主题色

image

-

-

白色

image

-

-

暗黑色

image

-

-

自定义:背景颜色

image..pngimage..png

通过设置【主题风格】为”自定义“,可以配置导航栏背景颜色的三个状态:默认、悬浮颜色、选中。

有关此部分属性的更多信息,请参样式

自定义:字体颜色

image..pngimage..png

通过设置【主题风格】为”自定义“,可以配置导航栏字体颜色的三个状态:默认、悬浮、选中。

有关此部分属性的更多信息,请参考样式

自定义:选中标识颜色

image..pngimage..png

通过设置【主题风格】为”自定义“,可以配置导航栏选中标识颜色。

有关此部分属性的更多信息,请参考样式

  • 本页导读
文档反馈