微魔方小程序

微魔方導航組件


 

導航是網站(zhàn)中應用最廣泛的基礎元素之一(yī),引導用戶了(le)解到網站(zhàn)的内容結構進而找到所求。導航的最重要的作(zuò)用就(jiù)是将網站(zhàn)的内容信息友好(hǎo)(hǎo)地展示給用戶。在确定好(hǎo)(hǎo)網站(zhàn)的信息架構後,應當按需所取适當的導航樣式。

使用導航組件,打開微魔方設計器(qì)組件标簽,選擇一(yī)個橫向或者豎向導航拖拽至畫布,導航組件預設數據是當前站(zhàn)點的所有頁面,包括頁面的層級關系。


QQ圖片20160225181402.png


QQ圖片20160229135753.png


橫向導航預設了(le)兩種樣式,一(yī)種是藍色背景有邊框,另外一(yī)種是無背景的橙色系列,您可以通過樣式設置面闆的最頂部,點擊下(xià)拉箭頭切換,如(rú)下(xià)圖:


QQ圖片20160301112552.png


導航組件的樣式設置,包含了(le)默認、當前、懸停三個分(fēn)類。分(fēn)别可以設置常規狀态下(xià)、選中的當前導航樣式以及鼠标懸停狀态下(xià)的樣式。樣式包括文字、背景、邊框等,具體的設置操作(zuò)請參考組件常用設置


QQ圖片20160301171247.png


如(rú)果您需要更改導航内容,打開導航組件的設置面闆,點擊最右側的“内容”标簽,如(rú)下(xià)圖:


QQ圖片20160301172421.png


在“内容”标簽頁内,您可以看到預置的導航頁面數據。鼠标移到數據上(shàng),出現删除和修改按鈕,點擊對應的按鈕進行删除或者修改操作(zuò);鼠标移動到數據前方的橫線圖标處,當鼠标變爲十字型時,您可以鼠标左鍵點中這條數據進行拖動,改變導航數據的前後關系和層級關系。編輯導航數據的界面如(rú)下(xià)圖:


QQ圖片20160301173103.png


您可以更改導航上(shàng)數據的顯示文字、導航的鏈接以及鏈接跳(tiào)轉,鏈接的設置請參考按鈕組件設置特别提醒的是:如(rú)果您更改了(le)網站(zhàn)頁面的鏈接地址,增加或删除了(le)頁面,您需要對之前的導航組件内容做相應的改動,更改過的頁面才能(néng)在導航組件内生(shēng)效。