【小程序】導(dǎo)航控件介紹

一、功能介紹

本教程介紹小程序底部導(dǎo)航控件。在設(shè)計小程序時有一個導(dǎo)航能提供給用戶一個方便跳轉(zhuǎn)，易于查看的瀏覽體驗。

二、功能說明

【版本】添加導(dǎo)航無版本限制

三、設(shè)置教程

1. 開啟導(dǎo)航控件

在小程序設(shè)計頁面【控件】中，勾選“導(dǎo)航”開啟導(dǎo)航。

2. 新增導(dǎo)航項

鼠標(biāo)點擊導(dǎo)航欄空白處，頁面右側(cè)會顯示導(dǎo)航設(shè)置面板。點擊“添加導(dǎo)航項”按鈕可新增導(dǎo)航項，在彈窗內(nèi)選擇導(dǎo)航鏈接頁面，支持4種鏈接類型，分別為【站內(nèi)鏈接】、【站外鏈接】、【功能】、【高級】.

點擊查看：小程序鏈接類型介紹

3. 選中導(dǎo)航樣式

在導(dǎo)航設(shè)置面板中點擊【樣式選擇】，選擇導(dǎo)航樣式。

4. 內(nèi)容形式

在導(dǎo)航設(shè)置面板【更多設(shè)置】中可選擇導(dǎo)航內(nèi)容展示形式?？蛇x“圖+文字”、“純文字”、“純圖標(biāo)”。

5. 修改導(dǎo)航文字

對于已有的導(dǎo)航項，支持雙擊修改導(dǎo)航文字。

6. 修改導(dǎo)航鏈接

對于已有的導(dǎo)航項，支持修改導(dǎo)航鏈接頁面。修改了導(dǎo)航鏈接后，導(dǎo)航文字會同步修改為該導(dǎo)航鏈接的頁面名稱。

7. 修改導(dǎo)航默認(rèn)圖標(biāo)/選中圖標(biāo)

導(dǎo)航默認(rèn)圖標(biāo)和選擇圖標(biāo)均支持自定義，鼠標(biāo)停留在圖標(biāo)上，點擊“編輯”按鈕即可進(jìn)行修改。

8. 修改導(dǎo)航文字顏色/選中文字顏色

導(dǎo)航文字顏色和選中文字顏色均支持自定義。在導(dǎo)航編輯面板【更多】中找到“文字顏色”和“選中文字顏色”，選中為“自定義”后即可自定義文字顏色。

9. 修改導(dǎo)航背景

在導(dǎo)航編輯面板【更多設(shè)置】中支持自定義導(dǎo)航背景。

10. 修改導(dǎo)航排序

可在導(dǎo)航設(shè)置面板【內(nèi)容】中為導(dǎo)航排序。

11. 刪除導(dǎo)航

導(dǎo)航添加上限為5個，如不需要這么多導(dǎo)航，可刪除導(dǎo)航項。（注意：首頁不支持刪除）