微信小程序设置底部tab选项卡

微信小程序选项卡用到tabbar组件。

在app.json中添加tabbar组件即可。(输入会自动补全)

list存放的就是tab选项卡了。一个对象就是一个选项卡,官方规定为2到5个。text是文本提示,下面两个是没选中时显示的图标与选中时显示的图标路径。

pagePath为点击选项卡后跳转的页面路径。

选项卡中必须有一个路径为pages/index/index,这个index组件是创建小程序时自带的,没有设置路径为这个则tabbar会不显示哦。

微信小程序设置底部tab选项卡

微信小程序设置底部tab选项卡