0
点赞
收藏
分享

微信扫一扫

uni-app 导航设置

 

1. uni.setNavigationBarTitle(OBJECT)

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

OBJRECT参数说明:

参数

类型

必填

说明

title

String


页面标题

success

Function


接口调用成功的回调函数

fail

Function


接口调用失败的回调函数

complete

Function


接口调用结束的回调函数(调用成功、失败都会执行)

//动态设置标题
uni.setNavigationBarTitle({
title: '欢迎联系客服'
})

2.  uni.setNavigationBarColor(OBJECT)

设置页面导航条颜色。如果需要进入页面就设置颜色,请延迟执行,防止被框架内设置颜色逻辑覆盖

平台差异说明:

App

H5

微信小程序

支付宝小程序

百度小程序

字节跳动小程序

QQ小程序








OBJECT参数说明:

参数

类型

必填

说明

平台差异说明

frontColor

String


前景颜色值,包括按钮、标题、状态栏的颜色,仅支持 #ffffff 和 #000000

App、H5、微信小程序、百度小程序

backgroundColor

String


背景颜色值,有效值为十六进制颜色

 

animation

Object


动画效果,{duration,timingFunc}

微信小程序、百度小程序

success

Function


接口调用成功的回调函数

 

fail

Function


接口调用失败的回调函数

 

complete

Function


接口调用结束的回调函数(调用成功、失败都会执行)

 

注意

  • Android 上的 backgroundColor 参数有限制,黑色大于 rgb(30,30,30), 白色小于 rgb(235,235,235)
  • 如果需要在页面进入时设置标题,可以在​​onReady​​​内执行,以避免被框架内的修改所覆盖。如果必须在​​onShow​​内执行需要延迟一小段时间

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'
}
})

3.  uni.showNavigationBarLoading(OBJECT)

在当前页面显示导航条加载动画。(常用于加载数据前,让用户感知状态)

平台差异说明:

App

H5

微信小程序

支付宝小程序

百度小程序

字节跳动小程序

QQ小程序

x





x


App平台调用此API时会在屏幕中间悬浮显示loading

OBJECT参数说明:

参数

类型

必填

说明

success

Function


接口调用成功的回调函数

fail

Function


接口调用失败的回调函数

complete

Function


接口调用结束的回调函数(调用成功、失败都会执行)

uni.showNavigationBarLoading()

4.  uni.hideNabigationBarLoading(OBJECT)

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

平台差异说明:

App

H5

微信小程序

支付宝小程序

百度小程序

字节跳动小程序

QQ小程序

x





x


App平台调用此API时会关闭屏幕中间悬浮显示的loading

OBJECT参数说明:

参数

类型

必填

说明

success

Function


接口调用成功的回调函数

fail

Function


接口调用失败的回调函数

complete

Function


接口调用结束的回调函数(调用成功、失败都会执行)

uni.hideNavigationBarLoading()

uni.hideHomeButton(OBJECT)

隐藏返回首页按钮。

平台差异说明:

App

H5

微信小程序

支付宝小程序

百度小程序

字节跳动小程序

QQ小程序

x

x


x

x

1.48.0+

1.10.0+

OBJECT参数说明:

参数

类型

必填

说明

success

Function


接口调用成功的回调函数

fail

Function


接口调用失败的回调函数

complete

Function


接口调用结束的回调函数(调用成功、失败都会执行)

uni.hideHomeButton()

 



举报

相关推荐

0 条评论