小程序学习之tabbar

tabbar即页面底部导航，

在app.json里面进行配置

 "tabBar": {

    "list": [{

      "pagePath": "pages/index/index",

      "text":"首页",

      "iconPath":"icon/_home.png",

      "selectedIconPath":"icon/home.png"

    },{

      "pagePath": "pages/img/img",

      "text":"图片",

      "iconPath":"icon/_img.png",

      "selectedIconPath":"icon/img.png"

    },{

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

      "text":"我的",

      "iconPath":"icon/_my.png",

      "selectedIconPath":"icon/my.png"

    },{

      "pagePath": "pages/search/search",

      "text":"搜索",

      "iconPath":"icon/_search.png",

      "selectedIconPath":"icon/search.png"

    }

  ],

  "color":"#0094ff",

  "selectedColor": "ff9400",

  "backgroundColor": "#ff5544",

  "position": "top"

  },

  "style": "v2",

  "sitemapLocation": "sitemap.json"

}

显示效果