100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 微信小程序-动态修改顶部导航栏颜色 背景色

微信小程序-动态修改顶部导航栏颜色 背景色

时间:2019-07-22 13:34:04

相关推荐

微信小程序-动态修改顶部导航栏颜色 背景色

代码:

wx.setNavigationBarTitle({title: '个人中心'})wx.setNavigationBarColor({frontColor: '#ffffff', // 必写项【该字体颜色仅支持 #ffffff 和 #000000 】backgroundColor: '#25BDCE', // 传递的颜色值【仅支持有效值为十六进制颜色】animation: { // 可选项duration: 4000,timingFunc: 'easeIn'}})

遇到坑:

设置导航栏背景颜色不起作用,原因:

1、frontColor是必填项;

2、设置frontColor设置成#313233,frontColor仅支持#ffffff和#000000这两个颜色;

3、backgroundColor仅支持16进制,不支持其它格式

参考资料:

微信小程序API:https://developers./miniprogram/dev/api/ui/navigation-bar/wx.setNavigationBarColor.html

颜色16进制转换:/cssref/css_colors.asp

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