微信小程序：如何创建下标导航页

第一步，首先要在app.json里面pages创建四个页面

"pages/index/index",

    "pages/logs/logs",

    "pages/order/order",

    "pages/orders/orders"

我创建的是上面四个，紧接着，在pages外边写出下列代码,稍作修改即可

"tabBar":{

    "selectedColor": "ffb61e",

    "list":[

    {

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

      "iconPath": "./image/index.png",

      "selectedIconPath": "./image/index (2).png",

      "text":"首页"

    },

    {

      "pagePath":"pages/order/order",

      "iconPath": "./image/order.png",

      "selectedIconPath": "./image/order2.png",

      "text":"点单"

    },

    {

      "pagePath":"pages/orders/orders",

      "iconPath": "./image/orders.png",

      "selectedIconPath": "./image/orders (2).png",

      "text":"订单"

    },

    {

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

      "iconPath": "./image/my.png",

      "selectedIconPath": "./image/my (2).png",

      "text":"我的"

    }

  ]

  },

注意：如果显示渲染层错误，很可能是图片没有的问题，这个时候只要换成你们自己路径的图片就可以了。如果下标不知道去哪找的话推荐可以去icon，我很多素材都是那里找到