小程序开发【导航控件】功能介绍

2021-08-06
来源:羽薇网

本教程介绍小程序底部导航控件,在设计小程序时有一个导航能提供给用户一个较好的浏览体验。


开启导航控件

在小程序设计页面【控件】中,勾选“导航”开启导航。


新增导航项

鼠标点击导航栏空白处,页面右侧会显示导航设置面板。点击“添加导航项”按钮可新增导航项,在弹窗内选择导航链接页面,支持4种链接类型,分别为【站内链接】、【站外链接】、【功能】、【高级】。点击查看:小程序链接类型介绍

AAEIARADGAAg9IP-hwYo87mIFQ.gif


选中导航样式

在导航设置面板中点击【样式选择】,选择导航样式。


内容形式

在导航设置面板【更多设置】中可选择导航内容展示形式。可选“图+文字”、“纯文字”、“纯图标”。


修改导航文字

对于已有的导航项,支持双击修改导航文字。


修改导航链接

对于已有的导航项,支持修改导航链接页面。修改了导航链接后,导航文字会同步修改为该导航链接的页面名称。


修改导航默认图标/选中图标

导航默认图标和选择图标均支持自定义,鼠标停留在图标上,点击“编辑”按钮即可进行修改。


修改导航文字颜色/选中文字颜色

导航文字颜色和选中文字颜色均支持自定义。在导航编辑面板【更多】中找到“文字颜色”和“选中文字颜色”,选中为“自定义”后即可自定义文字颜色。


修改导航背景

在导航编辑面板【更多设置】中支持自定义导航背景。


修改导航排序

可在导航设置面板【内容】中为导航排序。


删除导航

导航添加上限为5个,如不需要这么多导航,可删除导航项。(注意:首页不支持删除)


分享