小程序底部导航TabBar

底部的导航,在app.json 中配置,最多5个

 

"tabBar": {
    "selectedColor": "#000000",  // tab上文字选中时的颜色
    "backgroundColor": "#ffffff", // tab 的背景色
    "color": "#c7c7c7",  // tab 上的文字默认颜色
    "list": [
      {
        "selectedIconPath": "/images/tab/classic@highlight.png",  // 图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px,不支持网络图片。(选中时的图片)
        "pagePath": "pages/classic/classic",   // 页面路径,必须在 pages 中先定义
        "text": "流行",  //
        "iconPath": "/images/tab/classic.png"   // 图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px,不支持网络图片。(非选中的图片)
      },
      {
        "pagePath": "pages/book/book",
        "selectedIconPath": "/images/tab/book@highlight.png",
        "iconPath": "/images/tab/book.png",
        "text": "书籍"
      },
      {
        "pagePath": "pages/my/my",
        "selectedIconPath": "/images/tab/my@highlight.png",
        "iconPath": "/images/tab/my.png",
        "text": "喜欢"
      }
    ]
  }

 

小程序底部导航TabBar

上一篇:钉钉小程序------子组件监测父组件的数据更新


下一篇:微信小程序封装请求接口