美文网首页微信小程序微信小程序开发
微信小程序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