导航类组件|飞书低代码平台

概述

为了满足信息访问的多样性，常常需要在不同页面中分类展示，这种情况，可以通过导航和标签页实现快速切换。

例如：在一个项目管理系统中，利用「侧导航」区分“资源”和“项目”；在“项目”里，利用「标签页」区分“高优项目”和“其他项目”。

250px|700px|reset

（一）导航

一个导航可能配置了多个导航页，以便用户更快速地找到他们需要的信息或内容。

页面编辑器中，提供了「顶导航」和「侧导航」组件，也可在属性区直接切换。

配置属性

属性	配置说明
Logo 与页面标题设置	Logo 支持上传自定义图片： 250px\|700px\|reset 修改页面左上角标题，点击地球图标可配置多语： 250px\|700px\|reset Logo 与页面标题均支持配置事件与动作。事件与动作的配置方法，可查看：页面事件与动作说明 250px\|700px\|reset
导航类型	支持一键切换「顶导航」or「侧导航」，也可「顶导航」、「侧导航」组合使用： 250px\|700px\|reset 「侧导航」可配置【顶栏】效果： 250px\|700px\|reset
导航设置	导航内支持设置 3 种元素：导航页、导航分组、链接。导航页内可继续拖动组件，进行页面设计；填入链接，可直接从导航转至外部网址；当需要进行分组下拉时，可使用「导航分组」，实现以下效果： 250px\|700px\|reset 点击某一导航，即可设置对应的标题与图标： 250px\|700px\|reset 链接支持配置事件： 250px\|700px\|reset 鼠标悬浮出现点阵，长按即可拖动位置；点击「…」可快速删除导航、创建导航副本。 250px\|700px\|reset 250px\|700px\|reset
功能按钮	提供固定功能入口： 250px\|700px\|reset 如无需要，点击【 - 】即可删除。
分割线	用于区域同色时的视觉分隔，可关闭。是位于导航栏下的淡灰色线条。无分割线： 250px\|700px\|reset 有分割线： 250px\|700px\|reset
顶部插槽	顶部插槽是导航页顶部特有的“容器空间”，可以从左侧拖动更多组件，配置更多功能和展示效果。例如可以将「图标」、「文本」组件放置在插槽中，结合组件的事件动作，在页面顶部实现更个性化的交互： 250px\|700px\|reset

样式设计

样式设置细节说明，点击查看：页面布局与样式设计

配置事件

事件动作配置步骤说明，点击查看：页面事件与动作说明

（二）标签页

借助标签页（Tab），我们可以以标签的形式管理内容，让用户通过快速切换标签页，查看自己想要查看的内容板块。