【愚公系列】2022 年 11 月 微信小程序 -app.json 配置属性之 tabBar
一、app.json 配置属性之 tabBar
如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
属性 |类型 | 必填 |默认值 | 描述 | 最低版本
-------- | -----| -----| -----| -----| -----
color |HexColor |是 ||tab 上的文字默认颜色,仅支持十六进制颜色
selectedColor |HexColor |是 | |tab 上的文字选中时的颜色,仅支持十六进制颜色
backgroundColor |HexColor |是 | |tab 的背景色,仅支持十六进制颜色
borderStyle |string |否 |black |tabbar |上边框的颜色, 仅支持 black / white
list |Array | 是 | | tab 的列表,详见 list 属性说明,最少 2 个、最多 5 个 tab
position |string | 否 | bottom | tabBar 的位置,仅支持 bottom / top
custom |boolean | 否 |false |自定义 tabBar,见详情 | 2.5.0
二、 list
list 是 tabBar 下一个属性,功能主要是导航栏列表
list 的属性有:
三、tabBar 配置案例
backgroundColor
selectedIconPath
selectedColor
borderStyle
iconPath
color
版权声明: 本文为 InfoQ 作者【愚公搬代码】的原创文章。
原文链接:【http://xie.infoq.cn/article/682c3879299e35b12fd510aa8】。文章转载请联系作者。
评论