您当前的位置: 首页 > 知识百科 > 小程序文字导航怎么设置成动态?

小程序文字导航怎么设置成动态?

时间:2023-07-01 14:05 阅读数:40 人阅读 分类:知识百科

  小程序文字导航怎么设置成动态?我们都知道,微信小程序可以开发小程序导航的功能,今天小编我和大家分享一个问题,那就小程序文字导航怎么设置成动态?有兴趣的亲们请往下看哦。

  小程序文字导航怎么设置成动态?

  wx.setNavigationBarTitle(OBJECT) 动态设置当前小程序页面的标题

  OBJECT参数说明:

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

  小程序文字导航示例小程序代码:

  wx.setNavigationBarTitle({title: 'hcoder'})

  wx.showNavigationBarLoading()

  在当前页面显示导航条加载小程序文字导航动画。

  wx.hideNavigationBarLoading()

  隐藏导航条加载小程序动画。

  比如我们只做一个新闻细节页面,新闻标题根据传递的新闻id不同而不同,那么我们可以使用loading动画进行远程服务器新闻详情数据的加载,然后动态设置导航条的标题内容。

  完整演示微信小程序代码:

  Page({

  test:function(){

  wx.setNavigationBarTitle({title: '标题内容'});

  wx.showNavigationBarLoading();

  setTimeout(function(){wx.hideNavigationBarLoading();}, 3000);

  }

  })

  示例代码:

  wx.setNavigationBarTitle({

  title: '当前页面'

  })

  wx.showNavigationBarLoading()

  在当前页面显示导航条加载小程序文字导航动画。

  wx.hideNavigationBarLoading()

  隐藏导航条加载动画。

  wx.setNavigationBarColor(OBJECT)

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

  OBJECT参数说明:

  

  小程序文字导航怎么设置成动态?以上就是小程序文字导航怎么设置成动态的全部内容了哦,动态的小程序文字导航会更加的有趣哦,而且小程序用户也喜欢这样些,大家请多关注微小乔。

相关推荐:

微信小程序隐藏导航条怎么实现?

微信小程序导航菜单怎么开发?

微信小程序导航配置怎么弄