虎超官网 | 联盟商圈 | 新闻资讯 | 虎超学院

微信小程序API 设置导航条


 

wx.setNavigationBarTitle(OBJECT)

 


动态设置当前页面的标题。

OBJECT参数说明:

参数 类型 必填 说明
title String 页面标题
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.setNavigationBarTitle({
  title: '当前页面'
})

wx.showNavigationBarLoading()


在当前页面显示导航条加载动画。

wx.hideNavigationBarLoading()


隐藏导航条加载动画。

 

 

wx.setNavigationBarColor(OBJECT)


基础库 1.4.0 开始支持,低版本需做兼容处理

 

OBJECT参数说明:

参数名 类型 必填 说明
frontColor String 前景颜色值,包括按钮、标题、状态栏的颜色,仅支持 #ffffff 和 #000000
backgroundColor String 背景颜色值,有效值为十六进制颜色
animation Object 动画效果
animation.duration Number 动画变化时间,默认0,单位:毫秒
animation.timingFunc String 动画变化方式,默认 linear
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

animation.timingFunc 有效值:

说明
linear 动画从头到尾的速度是相同的。
easeIn 动画以低速开始
easeOut 动画以低速结束。
easeInOut 动画以低速开始和结束。

success返回参数说明:

参数名 类型 说明
errMsg String 调用结果

示例代码:

wx.setNavigationBarColor({
    frontColor: '#ffffff',
    backgroundColor: '#ff0000',
    animation: {
        duration: 400,
        timingFunc: 'easeIn'
    }
})