1. 界面相关

本页介绍了和轻应用界面设置相关的JS-API方法，开发者可以根据应用的需求进行相应的配置。云之家会不断开放更多能力以满足更多应用个性化的开发需求。如果您有什么建议，欢迎在云之家开发者交流社区留言反馈，我们会根据您的需求进行优化。

1.1. 隐藏或者设置页面标题

调用代码:

qing.call('hideWebViewTitle');//隐藏页面标题
qing.call('setWebViewTitle',{'title':'申请加入群聊'});//设置页面标题并显示

参数说明:

回调说明： 无

1.2. 关闭轻应用界面

调用代码:

//0.9.5及以上支持
qing.call('closeWebView');

参数说明： 无

回调说明： 无

1.3. 自定义右上角弹出菜单

调用代码:

//0.9.6及以上支持
qing.call('createPop', {
    'popTitle': String,
    'popTitleCallBackId': String,
    'items': [
        {
            'text': '自定义条目1',
            'callBackId': 'callback1'
        },
        {
            'text': '自定义条目2',
            'callBackId': 'callback2'
        }
    ],
    'menuList': ['forward', 'refresh', 'share', 'openWithBrowser'],
    'shareData': {
        'isShowExt': '转发时是否显示商务伙伴，true or false，默认为true',
        'title': '分享或者转发的标题',
        'url': '分享的链接，若空则取当前的url',
        'description': '分享或者转发的内容',
        'appLogo': '轻应用Logo，base64数据，大小不要超过32k，分辨率推荐198*198，图片格式推荐使用jpg',
        'appName': '轻应用名称'
    },
    'success': function (resp) {
        if (resp.success == true || resp.success == 'true') {
            var callBackId = resp.data ? resp.data.callBackId : '';
            if (callBackId == 'callback1') {
                callback1();
            }
        }
    }
});

function callback1() {
    alert('callback1')
}

参数说明:

回调说明： 无

注意:

1. 自定义菜单条目items数量和系统菜单条目menuList数量加起来不超过7条，如超过则优先显示系统菜单条目（比如items数量为5，menuList数量为4，则显示items前3条加menuList里的4条）；
2. 菜单显示顺序为优先显示自定义菜单条目，然后显示系统菜单条目，系统条目按JS方法传入的menuList顺序来显示；

1.4. 关闭右上角弹出菜单

调用代码:

//0.9.6及以上支持
qing.call('closePop');

参数说明： 无

回调说明： 无

1.5. 自定义返回按钮事件

调用代码:

//0.9.11及以上支持
qing.call('defback', {
    success: function () {
        alert('点击了返回按钮');
        if (history.length <= 1) { //顶级页面，则关闭当前Web
            qing.call('closeWebView');
        } else {
            history.back();
        }
    }
});

参数说明： 无

回调说明： 无

1.6. 旋转界面

调用代码:

//0.9.11及以上支持
qing.call('rotateUI', {
    'orientation':'landscape'
});

回调说明：无

1.7. 弹出Toast提示框

qing.call('toast', {
    msg: '提示信息'
})

1.8. 设置WebView反弹（仅iOS）

qing.call('setBounce', {
    enable: 0
});

1.9. 适配iPhone X底部偏移量

qing.call('setWebBottomInset', {
    show: true
});

1.10. 监听页面转入后台/转入前台事件

qing.on('appear', function (e) {
    alert('页面转入前台')
})

qing.on('disappear', function (e) {
    alert('页面转入后台')
})