本文介绍小程序导航栏相关的JSAPI,供您更新小程序导航栏的视觉效果。
WVNavigationBar.update
动态设置当前页面的标题栏。
输入参数:
[string] title:可选,页面标题。
[string] titleColor:可选,页面标题的颜色,RGB值。
[string] barStyle:可选,小程序bar的样式,float是浮在页面之上的,normal是正常的页面在bar下面。
[string] backgroundColor:可选,页面标题栏的背景颜色,RGB值。
[string] hideBackButton:可选,是否隐藏返回按钮,默认显示,true是隐藏,非true是显示。
[string] theme:控制右边按钮的主题色。light是浅色按钮,dark是深色按钮。默认是dark。
回调参数:
无回调参数,如果成功显示加载提示框,则进入success回调,否则进入failure回调。
var params = {
title: 'Home',
titleColor: '#FF00FF',
barStyle: 'float',
backgroundColor: '#00FFFF',
hideBackButton: 'false'
};
window.WindVane.call('WVNavigationBar', 'update', params, function(e) {
}, function(e) {
alert('failure: ' + JSON.stringify(e));
});WVNavigationBar.getHeight
获取小程序标题栏高度。
输入参数:
无。
回调参数:
[int] height:高度。
[int] screenWidth:屏幕宽度。
[int] screenHeight:屏幕高度。
window.WindVane.call('WVNavigationBar', 'getHeight', params, function(e) {
alert('success:' + JSON.stringify(e));
}, function(e) {
alert('failure:' + JSON.stringify(e));
});