【可视化编辑教程】设置导航

功能介绍

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

内容设置

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

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

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

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

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

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

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

④ 顶级导航分隔符：可使用文本或图标作为顶级导航之间的分隔（如图）

样式设置

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

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

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

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

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

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

注意

• 导航组件内容需要单独设置，设置好后链接对应的页面
• 导航组件所属的栏和容器不可加动画效果