微信小程序教程
7.8.2 设置导航条
阅读(

微信小程序介绍

微信小程序设计指南

微信小程序开发简介

微信小程序开发框架

微信小程序框架视图层

微信小程序框架组件

微信小程序框架 API

概述

网络

媒体

操作文件

本地存储

位置

设备

界面

交互反馈

设置导航条

wx.setNavigationBarTitle(OBJECT)

wx.setNavigationBarTitle(OBJECT)方法动态设置当前页面的标题。

OBJECT参数说明:

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

示例代码:

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

wx.showNavigationBarLoading()

wx.showNavigationBarLoading()方法在当前页面显示导航条加载动画。

wx.hideNavigationBarLoading()

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

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我们提供更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验