codecamp

MorJS Tabbar 如何使用

在 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

完整的配置参考如下 [[EMOJI:%F0%9F%91%87]][[EMOJI:%F0%9F%8F%BB]]:

  "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": "日志"
      }
    ]
  },


MorJS Tabbar 背景
MorJS 参与贡献
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

MorJS 指南

MorJS 基础用法

MorJS 配置

MorJS 编译相关配置

MorJS 进阶用法

MorJS Web开发

MorJS Web开发介绍

MorJS Web开发快速上手

MorJS Tabbar IOS 小黑条适配开关

MorJS 社区

MorJS 规范

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }