小程序的底部导航栏(tabBar)的使用

在app.json中配置

 

 

其中list中只能配置最少 2 个、最多 5 个 tab

  "tabBar": {
    "list": [
      {
        "pagePath": "pages/路径/路径",//引入的切换路径
        "iconPath": "/images/切换后.png",//切换后的icon
        "selectedIconPath": "/images/未切换.png",//未切换的icon
        "text": "衣兄",//底部文字的展示
      }
    ],
    "color": "#999",//底部文字未切换的颜色
    "backgroundColor": "#fff",//底部菜单栏的背景
    "borderStyle": "black",//tabbar 上边框的颜色
    "selectedColor": "#2660CE",//底部文字切换后的颜色
    "position":"top",//底部菜单栏展示的位置,支持上 下(top/bottom)
  }

持续补充.........

posted @ 2020-09-28 10:36  衣兄先生  阅读(809)  评论(0编辑  收藏  举报