优维低代码技术专栏,是一个全新的、技术为主的专栏,由优维技术委员会成员执笔,基于优维7年低代码技术研发及运维成果,主要介绍低代码相关的技术原理及架构逻辑,目的是给广大运维人提供一个技术交流与学习的平台。
优维低代码实践连载第17期
《菜单》
▽
在微应用中,通过菜单的配置,可以更方便、快速地跳转到其他页面;visual builder提供了快速配置菜单的方法,包括顶部导航栏、侧边菜单栏、面包屑等。还有更高阶的菜单注入,将其他微应用的菜单注入到当前微应用中。(PS: 以下的菜单配置方式均基于UI8.0)
一、顶部导航栏的配置
菜单层级如下:
调用菜单:
前端菜单显示:
二、侧边菜单栏
侧边菜单栏的配置与顶部导航栏的菜单配置一样,调用方式也一样,只是调用的key值不一样。
侧边菜单栏可以设置分组菜单、多层级菜单、平台内部链接以及平台外部链接
平台内部链接:
平台外部链接:
分组菜单:
菜单调用:
多层菜单:
显示效果:
文章来源:https://www.toymoban.com/news/detail-708120.html
文章来源地址https://www.toymoban.com/news/detail-708120.html
到了这里,关于优维低代码实践:菜单的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!