微信小程序API 设置导航条

2022-05-09 15:53 更新

wx.setNavigationBarTitle(OBJECT)


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

OBJECT参数说明:

参数类型必填说明
titleString页面标题
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

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

wx.showNavigationBarLoading()

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

wx.hideNavigationBarLoading()

隐藏导航条加载动画。

wx.setNavigationBarColor(OBJECT)

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

OBJECT参数说明:

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

animation.timingFunc 有效值:

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

success返回参数说明:

参数名类型说明
errMsgString调用结果

示例代码:

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


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号