MorJS Tabbar 如何使用

2024-01-24 09:33 更新

在 app.json 配置 tabbar 的地方增加 disableSafeAreaPaddingUARegex 字段,支持 Array<String> 和 String 类型传值。这里传入需要屏蔽的容器的 UserAgent 关键字即可。

比如钉钉浏览器内,我们指定 DingTalk 即可,因为其完整 UA 如下,通过该值就可以判定为钉钉内嵌场景:

Mozilla/5.0 (Linux; U; Android 12; zh-CN; M2102J2SC Build/SKQ1.211006.001) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/69.0.3497.100 UWS/3.22.1.210 Mobile Safari/537.36 AliApp(DingTalk/6.5.20) com.alibaba.android.rimet/24646881 Channel/700159 language/zh-CN abi/64 UT4Aplus/0.2.25 colorScheme/light

完整的配置参考如下 👇🏻:

  "tabBar": {
    "textColor": "#dddddd",
    "selectedColor": "#49a9ee",
    "backgroundColor": "#ffffff",
    // "disableSafeAreaPaddingUARegex": ["DingTalk", "Alipay"], // Array<String> 传值
    "disableSafeAreaPaddingUARegex": "DingTalk, // String 传值
    "items": [
      {
        "pagePath": "pages/index/index",
        "name": "首页"
      },
      {
        "pagePath": "pages/map/index",
        "name": "日志"
      }
    ]
  },


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号