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

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

飞书低代码平台手册精选NaN-NaN-NaN
产品功能
概述
为了满足信息访问的多样性,常常需要在不同页面中分类展示,这种情况,可以通过导航和标签页实现快速切换。
例如:在一个项目管理系统中,利用「侧导航」区分“资源”和“项目”;在“项目”里,利用「标签页」区分“高优项目”和“其他项目”。
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),我们可以以标签的形式管理内容,让用户通过快速切换标签页,查看自己想要查看的内容板块。
250px|700px|reset
配置属性
属性
配置说明
基本属性
250px|700px|reset
点击⚙️,可以:
  • 快速修改标签名称,支持多语显示。
  • 进行显隐设置,让标签按一定条件进行显示。
页签大小/页面类型
【大小】默认为“中”。【类型】默认为:
250px|700px|reset
“卡片”类型:
250px|700px|reset
“标签”类型:
250px|700px|reset
可查看视频,对比效果:
样式设计
样式设置细节说明,点击查看:页面布局与样式设计
配置事件
事件动作配置步骤说明,点击查看:页面事件与动作说明
先进生产力和业务协同平台
联系我们立即试用

先进团队,先用飞书

欢迎联系我们,飞书效能顾问将为您提供全力支持
分享先进工作方式
输送行业最佳实践
全面协助组织提效
导航类组件|飞书低代码平台
先进生产力和业务协同平台
联系我们立即试用
联系我们立即试用