导航菜单组件，通常用在页头给网站创造导航栏，它将您在后台设置的导航页面层级结构，展示给访问者。
如果您需要对导航菜单的导航内容进行编辑修改，进入系统后台后，根据路径“ 页面与菜单 -> 菜单管理 ” ,来到菜单设置菜单页面 。详情请点击查看
你也可以点击下方链接查看视频操作和组件示例
1，如何插入设计组件
只需从左侧的组件控制面板【基础组件】中 ，选中组件后点击鼠标左键拽住并拖放到编辑面板处即可，如下图所示。
为了易于理解及操作，下面的操作我们只说明常用的内容和样式设置，因为并不是每一个选项都是我们设计的时候需要用到的。
2，内容选项卡
2.1菜单设置-模块设置如下图，您可以看到有多个设置选项来控制标题组件的显示属性。
（1）目标菜单：如您在你的网站后台（参考下图）创建了多个菜单，你在此处可选择你的目标菜单
（2）更新菜单：如果你需要编辑或更换导航条处的链接页面，你在后台已经完成修改，回到编辑器页面点击“更新菜单”后，编辑器页面的菜单会同步到后台你设置的菜单页面结构
（3）开启浏览分类目录：如果您的业务设计到比较多的类目，并且想设计的像京东商城那样的菜单，可以开启浏览分类目录，开启后会吧第一个菜单选项设置成为按钮的菜单的样式，请参考下图或视频操作。
（4）菜单样式： 菜单的展示样式可以是“水平”，“图标下列“，”垂直“的样式 ，具体请参考示例页面或视频操作
（5）对齐：菜单的排序方向。默认值是靠左对齐
（6）鼠标悬停样式：默认值是“下划线” ，您可以在此处设置“上下划线”，“背景”等多个悬停样式
（7）动画效果：但鼠标划过菜单时候，展示的动画效果。具体请参考示例页面或视频操作
（8）子菜单图标：如下图 “新闻资讯∨”的下拉图标， 可以修改为 加粗图标或 “+”号 ，修改后效果如 “新闻资讯+”
进入系统后台后，根据路径“ 页面与菜单 -> 菜单管理 ” ，你可以在菜单管理页面设置，菜单结构或页面排序。您也可以创建多个菜单（正常情况下一个菜单就够了），在不同页面处交替使用不同的菜单 ,可参考 “如何编辑导航菜单”>>
开启导航菜单如下图，用于展示分类目录，当然分类目录也需要在网站后台“菜单设置”中区创建并添加子菜单。具体操作你可以参考视频。这里不做赘述
2.2，”响应式菜单图标“-模块设置如下图
（1）创建按钮菜单：这里你可以选择在什么设备下开启“菜单”按钮模式，这个功能是为了兼容不同设备设计的，你可以设置在“平板端，手机端”中开启，或者是只在手机端开启菜单按钮。
（2）按钮位置：菜单按钮的对齐方向可以“靠左”，“居中”，“靠右”
3，样式选项卡
3.1主菜单-模块设置, 样式设置调整字体样式，大小，项目宽度，水平垂直间距等。 请参考下图或观看视频操作。
（1）字体设置：设置字体大小，颜色，“悬停色”中可设置鼠标划过菜单字体的颜色，或下划线颜色/背景色
（2）项目宽度：就是菜单的宽度，很好理解
（3）水平间距：菜单之间的水平距离
（4）垂直间距：可以理解为菜单之间的垂直距离或菜单的高度
（5）隐藏主菜单下拉图标： 比如下图的“新闻资讯∨” ，隐藏功能开启后 “∨”图标就被隐藏掉了
3.2子菜单下列列表-模块设置,此处修改下列子菜单列表中的样式如“背景色”，“宽度”，“高度”，“字体颜色，大小”等。 请参考下图或观看视频操作。
3.3 响应式菜单图标-模块设置,此处修改图标颜色，背景色，尺寸，圆角等。 请参考下图或观看视频操作。
恭喜你已完成当前组件的学习，感谢阅读。
评论