微信小程序tabBar的简单使用

官方文档-->mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html

tabBar需要配置2~5个tab。

想要使用tabBar需要在app.json中进行配置,如:


app.json中tabBar

属性说明(官方文档中的):

官方文档中的属性说明

如果想要在默认启动页用tabBar,可以把pagePath设置成app.json-->pages数组中的第一个就可以了。

如果想在其他地方使用tabBar,需要注意官方文档中的Tips:通过页面跳转(wx.navigateTo)或者页面重定向(wx.redirectTo)所到达的页面,即使它是定义在 tabBar 配置中的页面,也不会显示底部的 tab 栏。

应该使用wx.switchTab跳转到tabBar页面,注意:这个方法会关闭其他所有非tabBar页面。


实现效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容