本教程介绍小程序底部导航控件,在设计小程序时有一个导航能提供给用户一个较好的浏览体验。
开启导航控件
在小程序设计页面【控件】中,勾选“导航”开启导航。
新增导航项
鼠标点击导航栏空白处,页面右侧会显示导航设置面板。点击“添加导航项”按钮可新增导航项,在弹窗内选择导航链接页面,支持4种链接类型,分别为【站内链接】、【站外链接】、【功能】、【高级】。点击查看:小程序链接类型介绍
选中导航样式
在导航设置面板中点击【样式选择】,选择导航样式。
内容形式
在导航设置面板【更多设置】中可选择导航内容展示形式。可选“图+文字”、“纯文字”、“纯图标”。
修改导航文字
对于已有的导航项,支持双击修改导航文字。
修改导航链接
对于已有的导航项,支持修改导航链接页面。修改了导航链接后,导航文字会同步修改为该导航链接的页面名称。
修改导航默认图标/选中图标
导航默认图标和选择图标均支持自定义,鼠标停留在图标上,点击“编辑”按钮即可进行修改。
修改导航文字颜色/选中文字颜色
导航文字颜色和选中文字颜色均支持自定义。在导航编辑面板【更多】中找到“文字颜色”和“选中文字颜色”,选中为“自定义”后即可自定义文字颜色。
修改导航背景
在导航编辑面板【更多设置】中支持自定义导航背景。
修改导航排序
可在导航设置面板【内容】中为导航排序。
删除导航
导航添加上限为5个,如不需要这么多导航,可删除导航项。(注意:首页不支持删除)