小程序文字导航怎么设置成动态?
小程序文字导航怎么设置成动态?我们都知道,微信小程序可以开发小程序导航的功能,今天小编我和大家分享一个问题,那就小程序文字导航怎么设置成动态?有兴趣的亲们请往下看哦。
小程序文字导航怎么设置成动态?
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参数说明:
小程序文字导航怎么设置成动态?以上就是小程序文字导航怎么设置成动态的全部内容了哦,动态的小程序文字导航会更加的有趣哦,而且小程序用户也喜欢这样些,大家请多关注微小乔。
相关推荐:
微信小程序隐藏导航条怎么实现?
微信小程序导航菜单怎么开发?
微信小程序导航配置怎么弄