全部产品
Search
文档中心

SuperApp:导航栏

更新时间:Aug 29, 2024

本文介绍小程序导航栏相关的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));
});