微信小程序开发笔记2，底部导航栏tablebar

底部导航（要在app.js里面配置，也就是把导航的代码写到app.js）

官方文档说最少2个导航最多5个

,

  "tabBar": {

        "color": "#a9b7b7",

       "selectedColor": "#11cd6e",

       "borderStyle": "black",

      "list": [

      {

          "selectedIconPath": "pages/img/2fc63e8e2ffb30c045e7653c3a4bfdb.png",//导航图标

          "iconPath": "pages/img/2fc63e8e2ffb30c045e7653c3a4bfdb.png",//导航图标

          "pagePath": "pages/index/index",//导航跳转的页面

          "text": "首页" //导航文字

      },

      {

            "selectedIconPath": "pages/img/2fc63e8e2ffb30c045e7653c3a4bfdb.png",

            "iconPath": "pages/img/2fc63e8e2ffb30c045e7653c3a4bfdb.png",

            "pagePath": "pages/logs/logs",

            "text": "一元投" 

      },

      {

           "selectedIconPath": "pages/img/2fc63e8e2ffb30c045e7653c3a4bfdb.png",

           "iconPath": "pages/img/2fc63e8e2ffb30c045e7653c3a4bfdb.png",

          "pagePath": "pages/mine/mine",

           "text": "我的" 

      }

    ] 

  }

 

 

 

转载于:https://www.cnblogs.com/lin-white/p/10794430.html