帮助中心
帮助中心 > 可视化组件 > 导航组件
导航组件

功能介绍

  • 导航组件常展示于网站头部,将多个栏目入口聚集在一处,为用户浏览网站时作出指引,使用户更清晰明朗的找到所需要的信息区域

内容设置

管理导航:快速设置导航内容、层级以及链接

① 添加导航:快速添加导航内容

② 上级导航:设置导航的层级。一级导航为顶级导航,最多可设置三级

③ 链接:给导航增加链接,可链接本站页面、外部链接、手机号码以及邮箱地址


① 布局:导航可设置水平或垂直布局

② 位置:设置导航整体的对齐方式,居左、居中或居右

③ 移动端图标:移动端展示时,导航组件以图标的形式显示,此处可自定义移动端图标样式

④ 顶级导航分隔符:可使用文本或图标作为顶级导航之间的分隔(如图)


样式设置

① 主导航面板:可设置主导航背景色及圆角

② 主导航项:可设置主导航项文字颜色、背景色、边框、圆角、内外边距及对齐方式(此处的对齐方式为项内文本的对齐)

③ 一级子导航面板:可设置面板的背景颜色、阴影、圆角以及内边距

④ 一级子导航项:可设置一级子导航项文字颜色、背景色、边框、圆角、内外边距及对齐方式

⑤ 二级子导航面板:可设置面板的背景颜色、阴影、圆角以及内边距

⑥ 二级子导航项:可设置二级子导航项文字颜色、背景色、边框、圆角、内外边距及对齐方式


注意

  • 导航组件内容需要单独设置,设置好后链接对应的页面
  • 导航组件所属的栏和容器不可加动画效果
上一篇:搜索组件 下一篇:地图组件