微信小程序怎么完成tabber界面

1、我们第一步需要新建一个文件夹photo，将已经准悦伐备好了的图标放在文件夹内。

2、打开app.json，新建tabber项。代码如下：

 "pagePath": "攀信宙此处填页面的根目录",

 "text": "此处填文本，如“首页",

 "iconPath": "此处填的是图标路径",

 "selectedIconPath": "此处填的是被选中时的图标路径"。

3、完成一个tabber界面至少需要两个页面，两个图标。

如果需要四个，代码示例如下：

  "tabBar": {

    "selectedColor": "#C00000",

    "list": [

      {

        "pagePath": "pages/home/home",

        "text": "首页",

        "iconPath": "/static/static/tab_icons/home.png",

        "selectedIconPath": "/static/static/tab_icons/home-active.png"

      },

      {

        "pagePath": "pages/cate/cate",

        "text": "分类",

        "iconPath": "/static/static/tab_icons/cate.png",

        "selectedIconPath": "/static/static/tab_icons/cate-active.png"

      },

      {

        "pagePath": "pages/cart/cart",

        "text": "购物车",

        "iconPath": "/static/static/tab_icons/cart.png",

 鉴近       "selectedIconPath": "/static/static/tab_icons/cart-active.png"

      },

      {

        "pagePath": "pages/my/my",

        "text": "我的",

        "iconPath": "/static/static/tab_icons/my.png",

        "selectedIconPath": "/static/static/tab_icons/my-active.png"

      }

    ]