配置tabBar：设置顶部或底部菜单栏（对若干一级页面的入口连接）

最新推荐文章于 2022-08-15 16:05:47 发布

chabc1999

最新推荐文章于 2022-08-15 16:05:47 发布

阅读量1.6k

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/chabc1999/article/details/106606491

版权

本文介绍了如何在小程序中配置TabBar，通过设置list数组来创建底部或顶部菜单，至少包含2个，最多5个tab。每个tab是一个包含多个属性的对象，以此实现一级页面的入口链接导航。

摘要由CSDN通过智能技术生成

当顶部或者底部需要菜单栏时，我们可以通过设置tabBar快速实现。

属性	类型	必填	默认值	描述
color	HexColor	是		tab上的文字默认色，仅支持十六进制色值（HexColor）
selectedColor	HexColor	是		tab上文字选中时的颜色，仅支持HexColor
backgroundColor	HexColor	是		tab背景色，仅支持HexColor
borderStyle	string	否		black
list	Array	是		tab 的列表，详见 list 属性说明，最少 2 个、最多 5 个 tab
position	string	否		bottom tabBar 的位置，仅支持 bottom / top
custom	boolean	否	false	自定义 tabBar，最低版本2.5.0

其中 list 接受一个数组，只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序，每个项都是一个对象，其属性值如下：

关注