小程序tabBar 小红点 原生怎么实现

来源：蜘蛛抓取(WebSpider) 时间：2017-02-12 06:53 标签：

这篇文章主要介绍了微信小程序tabBar鼡法,结合实例形式详细分析了微信小程序中tabBar的功能、配置项使用方法与操作注意事项,并附带完整demo源码供读者下载参考,需要的朋友可以参考丅

本文实例讲述了微信小程序tabBar用法分享给大家供大家参考，具体如下： 


  

  

    

  

  

    新建一个项目打开app.json文件，将关键代码复制到"window":{},后面注意window的大括號前加逗号，如下图
  

  

    
 //设置tabBar文字被选中是的颜色
 //tab列表数组类型，改数组内至少要有两个但不大于5个的tab对象
 //设置tab跳转页面链接
 //设置tab上的文字
 //設置tab上的默认图标
 //设置tab被选中时的图标


  

  

    tabBar的5种常用属性与配置说明：
  

  

    5) list：设置rab列表项（最少2个最多5个tab）。
  

  

    另外list作为数组属性，其每一项又昰一个对象list可以设置4种属性：
  

  

    ② iconPath：设置tab处于未激活状态时显示的图片路径。
  

  

    ④ pagePath：设置触按tab时的跳转页面路径（该页面必须在pages中进行了配置）
  

  

    5、完整实例代码点击此处
  

  

    此外，微信小程序开发软件下载地址如下：
  

  

    希望本文所述对大家微信小程序开发有所帮助
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐