首页 > 微信 > 详细

小程序底部导航TabBar

时间:2019-09-06 17:42:40      阅读:94      评论:0      收藏:0      [点我收藏+]

底部的导航,在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

原文:https://www.cnblogs.com/dgxblogs/p/11476916.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!