美文网首页微信小程序微信小程序开发
微信小程序tabBar的简单使用

微信小程序tabBar的简单使用

作者: zsjoy | 来源:发表于2017-01-19 11:04 被阅读0次

官方文档-->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页面。

实现效果

相关文章

网友评论

    本文标题:微信小程序tabBar的简单使用

    本文链接:https://www.haomeiwen.com/subject/qybfettx.html