tarbar的使用

一、用途

         tarbar在小程序中，相当于网页的tab页，目前定位来看，通过position熟悉，可以定义为top和bottom，如图：

                 

二、特点

     1.tarbar的按钮，并没有渲染在wxml中

      通过开发工具的Wxml可以看出，tarbar并没有在wxml中

        

     2.top和bottom

      主要特点在于top和 bottom，也就是位于顶部和位于底部的时候是不同的。

      位于顶部时，tarbar设置的icon是不起作用的。     

     

     3.关于自定义tarbar

     自定义tarbar，需要属性中加入"custom":true,

     同时需要单独的页面，目录是custom-tar-bar，与pages同级，需要index.wxml index.json index.wxss index.js.否则编译时会报错。

     渲染的时候，通过调试器可以看到，xml节点并不是渲染在<page></page>中，而是单独的<tarbar></tarbar>节点。

    官方的介绍中有一段讲述，但git的demo并没有，官方介绍：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

 

三、实例

    首先，app.json

    需要加入 tarbar节点，如图：

    

    icon可以不加，另外其他的关于颜色的属性我都没加。

   

    

 

转载于:https://www.cnblogs.com/xuezhankui/p/11012918.html