300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 微信小程序中顶部导航栏全局切换

微信小程序中顶部导航栏全局切换

时间:2019-04-05 04:45:53

相关推荐

微信小程序中顶部导航栏全局切换

一、场景

微信小程序和企业微信小程序共用一个,从不同入口进入小程序显示不同的顶部导航栏

二、思路

1、app.json中全局设置只能写死一个,无法实现

2、app.js中直接使用wx.setNavigationBarColor不能全局生效,只能更改当前页面

3、每个页面都去做判断然后写wx.setNavigationBarColor不现实

4、app.js中全局监听页面的跳转,跳转一个页面执行一次wx.setNavigationBarColor从而达到期望效果

三、实现

// app.js中通过wx.getSystemInfo判断小程序的环境,然后对应执行如下代码wx.onAppRoute(function (res) {wx.setNavigationBarColor({frontColor: '#000000', backgroundColor: '#3a75c5'})})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。