微信小程序（跳页之tabBar导航跳转）

最新推荐文章于 2024-03-14 21:47:56 发布

wyk.wyk

最新推荐文章于 2024-03-14 21:47:56 发布

阅读量328

点赞数

本文链接：https://blog.csdn.net/weixin_45343973/article/details/100032276

版权

本文介绍了微信小程序中全局配置文件app.json如何设置tabBar，包括color、selectedColor、backgroundColor、position、borderStyle等属性，并详细讲解了list数组配置，强调了每个tab的iconPath设置以及图标文件的位置。此外，还特别提到了当position为top时，tab不显示icon的情况。

摘要由CSDN通过智能技术生成

tabBar小程序导航
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置
在小程序配置文件里面可以设置tabBar属性：
tabBar- - -类型：object- - -描述：底部或顶部tab栏的表现- - -非必填
案例：

 "tabBar":{
    "list":[
      {
        "pagePath":"pages/demo/demo",
        "text":"首页",
        "iconPath":"imgs/icons/home.png",
        "selectedIconPath":"imgs/icons/home_selected.png"
      },
      {
        "pagePath": "pages/hyper/hyper",
        "text": "商城",
        "iconPath": "imgs/icons/hyper.png",
        "selectedIconPath": "imgs/icons/hyper_selected.png"
      },
      {
        "pagePath": "pages/order/order",
        "text": "订单",
        "iconPath": "imgs/icons/order.png",
        "selectedIconPath": "imgs/icons/order_selected.png"