微信小程序底部tabBar配置_tabbar用来配置小程序底部的tab

作者：2023面试高手 | 2024-02-16 02:32:36

踩

tabbar用来配置小程序底部的tab

tabBar通常用于实现多页面的快速切换，通常有底部tabBar和顶部tabBar。tabBar中只能配置最少2个，最多5个tab标签；渲染顶部tabBar时，不显示icon图标，只显示文本

打开app.json配置文件，在和windows平级下新增tabBar节点
在这里插入图片描述

tabBar节点中，新增list数组，这个数组中存放的是每个tab项的配置对象，对象中包含的属性如下：

pagrPath：指定当前tab对应的页面路径
text：指定当前tab上按钮的文字
iconPath：指定当前tab未选中时的图片路径
selectedIconPath：指定当前tab被选中时候的图片路径

在这里插入图片描述

图标可以去阿里图标库中下载

在这里插入图片描述

除此之外还可以根据自身需求进行其它属性的设置

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/89911