设置导航条 - 《uni-app API 文档》

uni.setNavigationBarTitle(OBJECT)
uni.setNavigationBarColor(OBJECT)
uni.showNavigationBarLoading(OBJECT)
uni.hideNavigationBarLoading(OBJECT)

uni.setNavigationBarTitle(OBJECT)

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

OBJECT参数说明

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

示例

uni.setNavigationBarTitle({
    title: '新的标题'
});

uni.setNavigationBarColor(OBJECT)

设置页面导航条颜色。

平台差异说明

5+App	H5	微信小程序	支付宝小程序	百度小程序	头条小程序
√	√	√	√	√	x

OBJECT参数说明

参数	类型	必填	说明	平台差异说明
frontColor	String	是	前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000	5+App、H5、微信小程序、百度小程序
backgroundColor	String	是	背景颜色值，有效值为十六进制颜色
animation	Object	否	动画效果，{duration,timingFunc}	微信小程序、百度小程序
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

animation 结构

属性	类型	默认值	必填	说明
duration	number	0	否	动画变化时间，单位 ms
timingFunc	String	'linear'	否	动画变化方式

animation.timingFunc 有效值

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

success返回参数说明

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

示例

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

uni.showNavigationBarLoading(OBJECT)

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

平台差异说明

5+App	H5	微信小程序	支付宝小程序	百度小程序	头条小程序
x	√	√	√	√	x

OBJECT参数说明

参数	类型	必填	说明
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

示例

uni.showNavigationBarLoading()

uni.hideNavigationBarLoading(OBJECT)

在当前页面隐藏导航条加载动画。

平台差异说明

5+App	H5	微信小程序	支付宝小程序	百度小程序	头条小程序
x	√	√	√	√	x

OBJECT参数说明

参数	类型	必填	说明
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

示例

uni.hideNavigationBarLoading()

发现错误？想参与编辑？在 GitHub 上编辑此页面！