🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## **一、管理入口** **操作路径**:网站后台--菜单管理--全部菜单项; ![1692142697944686.png](https://www.ecoxiu.com/images/202308/1692142697944686.png "1692142697944686.png") ## **二、添加一级菜单项** 点击添加后,会弹出菜单项新增弹窗。 ![1692142777467930.png](https://www.ecoxiu.com/images/202308/1692142777467930.png "1692142777467930.png") 弹出弹窗,如果一次要增加多个,可以点击弹窗的【添加】按钮,就可以一次增加多行。 ![1692142835614632.png](https://www.ecoxiu.com/images/202308/1692142835614632.png "1692142835614632.png") ### **2.1 名称** 添加或编辑菜单项时,可自定义标题,如图 ![1692143053283537.png](https://www.ecoxiu.com/images/202308/1692143053283537.png "1692143053283537.png") ### **2.2 别名** 前台对应栏目的访问目录,,对URL构成有影响。 ![1692143160152926.png](https://www.ecoxiu.com/images/202308/1692143160152926.png "1692143160152926.png") 例如:公司简介设置为about,哪访问地址就是 demo.ecoxiu.com/about [![目录名称.png](https://www.ecoxiu.com/images/201611/112814184183.png "目录名称.png")](https://www.ecoxiu.com/images/201611/112814184183.png) ### **2.3 菜单项类型** 根据需要设置,可选择简介、文章、产品、下载、图片、表单管理(反馈、留言)、会员、友情链接、网站地图、全站搜索、招聘、外部链接、菜单项别名等。 比如:简介我们选择简介类型,产品我们选择产品列表。 ![1692143355214960.png](https://www.ecoxiu.com/images/202308/1692143355214960.png "1692143355214960.png") ### **2.4 菜单项类型配置** 根据需要设置,一般情况下此处保持默认就行,无需单独设置。 ![1692143442198576.png](https://www.ecoxiu.com/images/202308/1692143442198576.png "1692143442198576.png") ### **2.5 在菜单中显示** 根据需要设置,可以设置是否显示,还可以单独设置是否在头部菜单显示。 **显示**:调用的地方显示; **不显示**:调用的地方不显示; **头部菜单(显示)**:在头部菜单显示; **头部菜单(不显示)**:在其他地方可以显示,但是不在头部菜单显示; ![1692143511695922.png](https://www.ecoxiu.com/images/202308/1692143511695922.png "1692143511695922.png") ### **2.6 启用** 可以设置是否开启,如果不开启,哪这个菜单前台就不显示。 ![1691811554716441.png](https://www.ecoxiu.com/images/202308/1691811554716441.png "1691811554716441.png") 头部导航菜单项(网站最醒目的地方,一般用来展示重要需要突显的栏目菜单项): ![1690708318653120.png](https://www.ecoxiu.com/images/202307/1690708318653120.png "1690708318653120.png") ### **2.7 底部菜单** 根据需要设置,可以设置是否在低部菜单显示。 ![1692143860636699.png](https://www.ecoxiu.com/images/202308/1692143860636699.png "1692143860636699.png") 底部导航菜单项(与头部导航菜单项相呼应,起到辅助作用): ![1690708341545091.png](https://www.ecoxiu.com/images/202307/1690708341545091.png "1690708341545091.png") 填写完相关信息后直接保持就行。 ![1692143790870151.png](https://www.ecoxiu.com/images/202308/1692143790870151.png "1692143790870151.png") ## **三、添加子级(二级、三级、四级...)菜单项** 点击每个菜单项右侧的【+】号,就可以添加对应菜单项的子类,如下图: ![1692144331907569.png](https://www.ecoxiu.com/images/202308/1692144331907569.png "1692144331907569.png") 点击添加后,会弹出增加菜单项新增弹窗。 ![1692144380287069.png](https://www.ecoxiu.com/images/202308/1692144380287069.png "1692144380287069.png") 其它配置参考2.1-2.7; **注意**:子级菜单项添加别名后,url地址会加上主菜单项的别名,比如此处加的是关于我们(guanyuwomen)/企业简介(about),那么访问地址就是:demo.ecoxiu.com/guanyuwomen/about