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

一、功能介紹

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

二、功能說明

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

三、設(shè)置教程

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

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

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

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

點(diǎn)擊查看：小程序鏈接類型介紹

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

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

4. 內(nèi)容形式

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

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

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

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

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

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

導(dǎo)航默認(rèn)圖標(biāo)和選擇圖標(biāo)均支持自定義，鼠標(biāo)停留在圖標(biāo)上，點(diǎn)擊“編輯”按鈕即可進(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個(gè)，如不需要這么多導(dǎo)航，可刪除導(dǎo)航項(xiàng)。（注意：首頁(yè)不支持刪除）