解决方法:
1.增加标识：在在apicloud根目录中的congfig.xml中增加一个标识，标识value的值必须和下边判断代码中的一样
<preference name="userAgent" value="app123" />
2.判断：在网站中需要设置头部距顶部距离的地方插入如下代码（用途是判断是自己app访问的话就调用指定样式）
<script type="text/javascript">
if(navigator.userAgent.indexOf("app123") !=-1)
{
document.write('<link rel="stylesheet" href="__STATIC__/123/css/app.css">');
}
</script>
3.在apicloud根目录中的congfig.xml中开启沉浸式如：<preference name="statusBarAppearance" value="true"/>
4.在apicloud根目录中的index.html关闭全屏api.setFullScreen({fullScreen: false});
5.在网站中创建css样式文件，设置头部距离顶部的padding-top:30px;（这是解决网站头部的）根据自身网站不同情况可能要微调别的样式
6.在网站下载的APP源码目录\h5app\html\index.html中的<body></body>中添加如下代码（这是解决群聊头部的）
<style type="text/css">
.bui-bar {padding-top:30px;}
</style>
7.如果要设定状态栏的样式就在在apicloud根目录中的index.html文件内查找 apiready = function() { 并在里边插入设置状态栏样式的代码
api.setStatusBarStyle({
color : 'rgba(0,0,0,0.3)'
});
打造最专业的开源系统建站程序
粤公网安备 44011302001000号
