设置导航条API

本文编辑：  心城浏览 4597 1 版权所有，严禁转载

接口说明:

这是对页面的标题的一些基本的设置API

接口用法：

三种效果一起的效果图
【图片】

【代码】

wxml

<!--index.wxml-->
<view class="container">
    <button bindtap="updadateTitle">设置标题</button>
    <button bindtap="showLoaddingTitle">显示动态加载动画</button>
    <button bindtap="hiddeLoaddingTitle">隐藏动态加载动画</button>
</view>

js

Page({
  data:{
  },
  onLoad:function(options){

  },
  onReady:function(){
    // 生命周期函数--监听页面初次渲染完成
  },
  onShow:function(){
    // 生命周期函数--监听页面显示
  },
  onHide:function(){
    // 生命周期函数--监听页面隐藏
  },
  onUnload:function(){
    // 生命周期函数--监听页面卸载
  },
  onPullDownRefresh: function() {
    // 页面相关事件处理函数--监听用户下拉动作
  },
  onReachBottom: function() {
    // 页面上拉触底事件的处理函数
  },updadateTitle:function(){
  wx.setNavigationBarTitle({
      title: '我的标题',
      success:function(){
        console.info("成功");
      }
    })
  },
  showLoaddingTitle:function(){
    wx.showNavigationBarLoading();
  },
  hiddeLoaddingTitle:function(){
    wx.hideNavigationBarLoading();
  }
})

主要方法：

【wx.setNavigationBarTitle()】：【设置页面的提交方法】

【方法内容描述】

调用代码:

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

【wx.showNavigationBarLoading()】：【在当前页面显示导航条加载动画】

调用代码:

 wx.showNavigationBarLoading();

【wx.hideNavigationBarLoading()】：【隐藏导航条加载动画】

调用代码:

 wx.showNavigationBarLoading();