微信小程序（四）实战——导航——tabBar

最新推荐文章于 2024-09-02 23:23:23 发布

开猿节流

最新推荐文章于 2024-09-02 23:23:23 发布

阅读量2.3k

点赞数 4

分类专栏：微信小程序

本文为博主原创文章，未经博主允许不得转载。交流联系QQ：634487911

本文链接：https://blog.csdn.net/qq_38191191/article/details/80904929

版权

本文介绍了微信小程序中的tabBar，作为底部导航的重要组件。内容包括tabBar的基本概念，强调它只能在app.json中配置，以及配置时的注意事项，如list数组的最小数量和pagePath的有效性。此外，还提供了在app.json中配置tabBar的示例代码，以及如何调整使导航栏显示在顶部的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.tabBar简介

tabBar一般用来做主页的底部导航效果，类似于微信主页等等。微信官方有介绍！

2.tabBar使用

tabBar在小程序中只能有一个，并且只能在app.json中配置。

（1）app.json

注意：list数组不能为空，最少2个、最多5个 tab，tab 按数组的顺序排序，pagePath必须在

最低0.47元/天解锁文章

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。