支付宝小程序自定义tabBar的方法

追格官方小助手/ 2022年07月02日/ 小程序/ 浏览 2547

支付宝小程序在IDE 3.1.2 beta版开始支持自定义tabBar能力,接入也很简单,一共需要3步。


在现有 tabBar 配置基础上新增customize字段。


{
  "pages": [
    "pages/index/index",
    "pages/index/index2"
  ],
  "tabBar": {
    "customize": true,
    "items": [
      {
        "pagePath": "pages/index/index",
        "name": "Tab 1"
      },
      {
        "pagePath": "pages/index2/index",
        "name": "Tab 2"
      }
    ]
  }
}


约定在代码根目录下添加 tabBar 入口文件。


具体代码示例,参考文档详见:https://forum.alipay.com/mini-app/post/87701022


发表评论

暂无评论,抢个沙发...

客服 工单