小编给大家分享一下小程序自定义tabbar如何实现，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
tabBar
如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。
Tip：
当设置 position 为 top 时，将不会显示 icon
tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 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 |
可选值 bottom、top |
其中 list 接受一个数组，数组中的每个项都是一个对象，其属性值如下：
|
属性 |
类型 |
必填 |
说明 |
|---|
|
pagePath |
String |
是 |
页面路径，必须在 pages 中先定义 |
|
text |
String |
是 |
tab 上按钮文字 |
|
iconPath |
String |
否 |
图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px，当 postion 为 top 时，此参数无效，不支持网络图片 |
|
selectedIconPath |
String |
否 |
选中时的图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px ，当 postion 为 top 时，此参数无效 |
以上是“小程序自定义tabbar如何实现”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注天达云行业资讯频道！