LOGO logo

需求 开发 交付;每一步修改到满意后在付款。

下载到桌面 免费获取解决方案
当前位置: 网站建设/ 微信小程序开发/ 微信小程序开发的时候如何配置2到4个tabBar菜单

微信小程序开发的时候如何配置2到4个tabBar菜单

日期:2021-04-20 14:07 浏览量:949

微信小程序开发小程序制作的时候tabbar菜单的配置非常简单,只需要在小程序的根目录的app.json里面进行配置即可,代码如下:

  "tabBar": {
    "color": "#929699",
    "selectedColor": "#ff2e3d",
    "backgroundColor": "#ffffff",
    "borderStyle": "white",
    "list": [{
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "/image/ico1.png",
        "selectedIconPath": "/image/ico1s.png"
      },
      {
        "pagePath": "pages/user/index",
        "text": "我的",
        "iconPath": "/image/ico3.png",
        "selectedIconPath": "/image/ico3s.png"
      }
    ]


color:代表文字的颜色

selectedColor:代表当前菜单被选中时候的颜色

backgroundColor:代表菜单的背景颜色

borderStyle:代表菜单上边框边的颜色

list:是菜单数组,最多可以设置5个

pagePath:当点击这个菜单时页面的地址

text:这个菜单的文字

iconPath:这个菜单的图标地址

selectedIconPath:当这个菜单被选中的时候的图标的地址


热门文章
友情链接