适应手机的APP header样式

wu_yongbiao

各位大佬，
我是apicloud的新手，在做一个APP。现在的手机很多，顶部都有一个信息栏或者状态栏，不同的手机不一样。我想在做api.openWin的时候，将顶部的空间留出。请教各位，在apicloud中header部分要怎么处理，有没有实际可用的代码，万分感谢。

Arly【770104707】

$api.fixStatusBar(header);

wu_yongbiao

520707liu 发表于 2021-9-18 09:09
$api.fixStatusBar(header);

你好，昨天我搜了百度，很多文章都都说了，写这个，但是都没有说具体怎么写，我按照他们的提示去调整我的代码，都没有成功。不止你可以具体一点吗，如果实现，我可以付你相应的酬劳。

wu_yongbiao

大家好，我是apicloud新学员，目前需要做一个app。目前遇到了一个问题，就是在华为nove7的手机顶部有一行状态栏，我现在写的代码需要空出这行状态栏，我试了不少办法，也查了百度，到目前为止都没有实现。各位同学和老师，请能够实现检测手机顶部状态栏并调整，提供实现代码联系我，我愿意支付300元酬劳，有愿意的话，可以长期合作。具体方式按资料是 header.style.padding = api.safeArea.top + 'px'   。现在求实现这行语句的具体代码。衷心地企望高手相助。

即刻短视频，子凡帮

<header id="header">
      <div class="soek">
         
      </div>
   
  </header>
<script>
    apiready = function() {
      
        fnInit();

    };
     var eHeader;
function fnInit() {
        eHeader = $api.byId('header');
      
        $api.fixStatusBar(eHeader);
      
    };</script>

Arly【770104707】

wu_yongbiao 发表于 2021-9-18 09:45
你好，昨天我搜了百度，很多文章都都说了，写这个，但是都没有说具体怎么写，我按照他们的提示去调整我的 ...

$api.fixStatusBar(header);


header 这个是页面最上边的div 对象，使用$api.fixStatusBar 这个方法之后会自定把菜单栏空出来，你那边没有试过吗？

还有$api.fixTabBar( footer );
footer 这个是页面最底部的div 对象 ，针对IOS 的会把底部空出来，避免ios全屏手机底部问题的

你尝试一下，如果不行就加我QQ：770104707

wu_yongbiao

求实现这行语句功能的代码，header.style.padding-top = api.safeArea.top + 'px'  。期待。

即刻短视频，子凡帮

我也可以教3213001422

wu_yongbiao

子煜欢网络 发表于 2021-9-18 09:59
我也可以教3213001422

是QQ好吗，我加你