微信小程序动态设定央视

NBA

一、wx.setNavigatioNBArTitle1.设置整个小程序通用标题，在app.JSon里设置：

window: { navigatioNBArTitleText: 默认标题}复制2.单独设置页面标题，在对应页面JSon文件里设置（子页面设置会覆盖通用设置）：

{ navigatioNBArTitleText: 首页}复制3.动态设置，比如说：我们从接口拿到商品名称后，把商品名称设置到标题上

JS

wx.request({ url: 请求接口url, method: POST, data: {}, success: function (res) { if (res.data.code == 200) { // 修改navigatioNBArTitleText wx.setNavigatioNBArTitle({ title: goods_name }) } }})复制tips：动态设置 页面独立设置 通用设置

效果图：当然，另外我们可以通过点击事件来动态设置标题：

test: function () { wx.setNavigatioNBArTitle({ title: 我是点击后的标题 })}复制效果图：二、wx.setNavigatioNBArColor设置页面导航条颜色

wx.setNavigatioNBArColor({ frontColor: '#ffffff', backgroundColor: '#ff0000', animation: { duration: 400, timingFunc: 'easeIn' }})复制frontColor：前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000backgroundColor：背景颜色值，有效值为十六进制颜色animation：动画效果①animation的结构包括：duration，timingFunc；②timingFunc：linear（动画从头到尾的速度是相同的），easeIn（动画以低速开始），eaSEOut（动画以低速结束），easeInOut（动画以低速开始和结束）效果图：三、wx.showNavigatioNBArLoading和wx.hideNavigatioNBArLoadingwx.showNavigatioNBArLoading：在当前页面显示导航条加载动画wx.hideNavigatioNBArLoading：在当前页面隐藏导航条加载动画index.wXML

button bindtap=showLoading显示加载动画/buttonbutton bindtap=hideLoading隐藏加载动画/button复制index.JS

// 显示加载动画showLoading: function () { wx.showNavigatioNBArLoading()},// 隐藏加载动画hideLoading: function () { wx.hideNavigatioNBArLoading()}复制效果图：四、wx.hideHomeButton隐藏返回首页按钮。微信7.0.7版本起，当用户打开的小程序最底层页面是非首页时，默认展示“返回首页”按钮，开发者可在页面 onShow 中调用 hideHomeButton 进行隐藏。