小程序 底部tab

效果如图

代码如下：

配置在app.json中：（图标新建一个文件夹，在下变放入需要的图标）

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "优秀娇的萌宠乐园",
    "navigationBarTextStyle":"black"
  },
  "tabBar": {
    "color": "#108ee994",
    "selectedColor": "orange",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "店铺",
       "iconPath": "./css/img/1@2x.png",
      "selectedIconPath": "./css/img/11@2x.png"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "分类",
       "iconPath": "./css/img/1122@2x.png",
       "selectedIconPath": "./css/img/112@2x.png"
      },
      {
        "pagePath": "pages/index/index",
        "text": "购物车",
          "iconPath": "./css/img/1@2x.png",
          "selectedIconPath": "./css/img/11@2x.png"
      },
      {
        "pagePath": "pages/index/index",
        "text": "我的订单",
         "iconPath": "./css/img/1122@2x.png",
        "selectedIconPath": "./css/img/112@2x.png"
      }
    ]
  }
}