这是本节的多页打印视图。 点击此处打印.

返回本页常规视图.

分组导航组件

分组导航

控件场景说明:支持通过分组导航组件直接定位到页面对应的分组位置。用户可以快速找到与特定分组相关的内容,从而提高其浏览和操作效率。这种导航方式对于复杂的页面布局特别有用,其中包含大量信息和不同的分组。通过使用分组导航组件,用户可以更加方便地浏览和操作页面内容,从而更好地理解和使用相关产品或服务。

配置态说明

  1. 添加组件依赖

1719198480621

  1. 添加页面控件 及 分组导航控件

注意:

  1. 分组导航锚点数据仅来自于当前页面下第一层分组控件,自动获取分组控件标题作为导航名称,其余控件或其他层级分组视为无效数据
  2. 分组导航控件脱离于其他控件,拖入页面时注意与其他控件不要有嵌套关系,仅存在于页面下
  3. 尽量不要拖入多个分组导航共同使用

1719198682722

  1. 设计态配置

导航可以配置页面位置(仅保持在页面右侧,可设置上中下)、背景颜色、边框属性,图标等

锚点数据可以配置背景颜色、文字颜色、图标等

以运行态效果为主

运行态说明

点击导航效果如下,点击单行数据快速定位到当前元素位置,支持快速回到顶部或底部, 失焦弹窗消失

1719198713912