美文网首页
小程序的自定义tab-bar

小程序的自定义tab-bar

作者: 老板下碗面 | 来源:发表于2019-04-09 18:07 被阅读0次

    首先在根目录下创建一个自定义tabbar的文件夹 以及相关的js定义tabbar的链接和图标   wxml定义tabbar的视图 wxss和样式 

    官方文档复制 官方文档复制 官方文档复制 路径

    ```

    /** * 生命周期函数--监听页面显示 */

    onShow: function(e) {

    if (typeof this.getTabBar === 'function' && this.getTabBar()) { 

           this.getTabBar().setData({  

                          selected: 0        

                })    

        }}

    ```

    创建之后,需要在每个tab-bar中的onShow生命周期引入条件      selected: 0   这个就是在tab-bar中排第几个

    接下来就是app.json中的两个注意点

    "usingComponents": {} 和   "tabBar":  是同级的

    这样就可以了

    现在遇到的是,不知道为什么,在tab之间切换的第一次,控制台会报错

    没找到原因,但是页面之间使用正常

    相关文章

      网友评论

          本文标题:小程序的自定义tab-bar

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