当前位置:   article > 正文

微信小程序:如何创建下标导航页_微信小程序selectediconpath

微信小程序selectediconpath

第一步,首先要在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,我很多素材都是那里找到

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/576876
推荐阅读
相关标签
  

闽ICP备14008679号