被“留海”遮住了：

调整之后的效果：

现在生成的app内容被状态栏给覆盖掉了，为了方便现在把状态栏的时间给显示出来。

按照官方的教程把app代码部署好之后，先改以下三个地方再上传到apiCloud.

1、根目录下的\config.xml配置文件，

    找到

    <preference name="statusBarAppearance" value="false"/>

    在它上面或下面增加一句

    <preference name="iOS7StatusBarAppearance" value="false" />

代码说明： 配置应用界面是否和设备状态栏重合，表现效果为系统的状态栏是否覆盖在当前应用上，设置为flase是不重合的意思，一个是支安卓，一个是ios的设置

<preference name="iOS7StatusBarAppearance" value="false" />
<preference name="statusBarAppearance" value="false"/>

2、根目录下的/index.html文件

在javascript标签里找到如下代码：

apiready = function() {
	api.setFullScreen({fullScreen: false});

    fnOpenMain();
	quitApp();
};

改成：

apiready = function() {
	api.setFullScreen({fullScreen: false});
	
	//给状态栏设置背景色及字体样式
    api.setStatusBarStyle({
        style: 'light',
        color: '#39a4ff'
    });
	
    fnOpenMain();
	quitApp();
};

这个文件里再找到打开首页的函数

function fnOpenMain() {
    
    api.openWin({
        name: 'main',
        url: './html/index.html#main',
        bounces: false,
        vScrollBarEnabled: false,
        hScrollBarEnabled: false,
        slidBackEnabled: false
    });
	api.setFullScreen({
		//fullScreen: true,//把这个全屏设置改为false
		fullScreen: false,
	});
    
};

然后保存修改文件，用svn传上去重新编译，再下载安装可以看到效果