uniapp的tabbar
时间: 2023-08-13 12:04:48 浏览: 100
uniapp小程序tabbar图标
uniapp的tabbar是一个底部导航栏,用于在不同的页面之间进行切换。它可以在tabBar配置中设置list数组,数组中的每个对象代表一个tab页。每个tab页可以设置pagePath、iconPath、selectedIconPath和text等属性。其中,pagePath表示页面路径,iconPath和selectedIconPath表示未选中和选中状态下的图标路径,text表示tab页的文字描述。[1]
需要注意的是,当设置tabBar的position为top时,只能配置最少2个、最多5个tab,且tab按数组的顺序排序。顶部的tabbar目前仅微信小程序上支持。如果需要使用顶部选项卡,建议自己做顶部选项卡而不使用tabbar的顶部设置。[2]
在代码中跳转到tabbar页面时,需要使用uni.switchTab进行跳转,而不能使用uni.navigateTo或uni.redirectTo。另外,如果使用navigator组件进行跳转,必须设置open-type为"switchTab"。[3]
阅读全文