優(yōu)維低代碼技術(shù)專(zhuān)欄,是一個(gè)全新的、技術(shù)為主的專(zhuān)欄,由優(yōu)維技術(shù)委員會(huì)成員執(zhí)筆,基于優(yōu)維7年低代碼技術(shù)研發(fā)及運(yùn)維成果,主要介紹低代碼相關(guān)的技術(shù)原理及架構(gòu)邏輯,目的是給廣大運(yùn)維人提供一個(gè)技術(shù)交流與學(xué)習(xí)的平臺(tái)。
優(yōu)維低代碼實(shí)踐連載第17期
《菜單》
▽
在微應(yīng)用中,通過(guò)菜單的配置,可以更方便、快速地跳轉(zhuǎn)到其他頁(yè)面;visual builder提供了快速配置菜單的方法,包括頂部導(dǎo)航欄、側(cè)邊菜單欄、面包屑等。還有更高階的菜單注入,將其他微應(yīng)用的菜單注入到當(dāng)前微應(yīng)用中。(PS: 以下的菜單配置方式均基于UI8.0)
一、頂部導(dǎo)航欄的配置
菜單層級(jí)如下:
調(diào)用菜單:
前端菜單顯示:
二、側(cè)邊菜單欄
側(cè)邊菜單欄的配置與頂部導(dǎo)航欄的菜單配置一樣,調(diào)用方式也一樣,只是調(diào)用的key值不一樣。
側(cè)邊菜單欄可以設(shè)置分組菜單、多層級(jí)菜單、平臺(tái)內(nèi)部鏈接以及平臺(tái)外部鏈接
平臺(tái)內(nèi)部鏈接:
平臺(tái)外部鏈接:
分組菜單:
菜單調(diào)用:
多層菜單:
顯示效果:
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶(hù)自發(fā)貢獻(xiàn),該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請(qǐng)發(fā)送郵件至 舉報(bào),一經(jīng)查實(shí),本站將立刻刪除。