小程序底部tapbar

Posted 野鹤亦闲云

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序底部tapbar相关的知识,希望对你有一定的参考价值。

app.json

  "tabBar": {
    "color": "#ccc",
    "selectedColor": "#000000",
    "backgroundColor": "#FFFFFF",
    "position": "top",
    "list": [
      {
        "iconPath": "images/10.jpg",
        "selectedIconPath": "images/s1.jpg",
        "pagePath": "pages/liu/liu",
        "text": "刘备"
      },
      {
        "iconPath": "images/2.jpg",
        "selectedIconPath": "images/s3.jpg",
        "pagePath": "pages/guan/guan",
        "text": "关羽"
      },
      {
        "iconPath": "images/3.jpg",
        "selectedIconPath": "images/s5.jpg",
        "pagePath": "pages/zhang/zhang",
        "text": "张飞"
      }
    ]
  },

<!-- (最少两个,最多五个) -->

  

官方tapbar链接

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

以上是关于小程序底部tapbar的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序代码片段

重新创建应用时,片段与底部导航视图图标不匹配

通过导航组件在底部导航片段之间传递数据

微信小程序代码片段分享

Android底部导航片段问题

使用底部导航栏防止片段刷新