微信小程序导航栏颜色不对问题
问题现象:
在把开发工具从stable版改为nightly build版时,原本设定的导航栏颜色是#0056b9,在程序运行时,开始时变为#0056b9,然后瞬间变为红色???
重新把开发版更新为稳定版后,问题依旧存在。
解决思路:
导航栏颜色,相关设定为:
①app.json中的 "navigationBarBackgroundColor": "#0056b9"
②index.json中的 "navigationBarBackgroundColor": "#0056b9"
③index.js中的
wx.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#0056b9',
animation: {
duration: 400,
timingFunc: 'easeIn'
}
})//后来才知道的。。。。
之前一直以为只有前两个可以设置导航栏颜色,纯粹是版本导致的加载时的颜色设置不对问题,后来发现怎么也解决不了该问题。一直以为是版本切换造成的问题,后来重新新建了一个项目,改变①②,发现可以成功改变导航栏颜色,那么排除版本bug,应该是某个不小心的设置错误。最后观察到,页面闪了一下后,变为红色,然后感觉应该是重新渲染的原因,看js最后找到是③的问题。
问题总结:
遇到问题不慌,分析可能的原因,一 一排除,实在解决不了,稍微放一下,说不定就有思路了。该问题花了我俩天,周五发现和周一解决。。。中间休息了两天
微信小程序导航栏颜色不对问题相关推荐
- 微信小程序导航栏或菜单栏吸顶效果简单实现
微信小程序导航栏或菜单栏吸顶效果简单实现 思路: 1.获取导航栏初始位置距顶部的距离s1(通过获取页面标签方法) 2.监听页面的滑动,获取滑动距离s2(使用onPageScroll) 3.当s2> ...
- 如何去掉微信小程序导航栏,以及禁止页面滑动
如何去掉微信小程序导航栏,以及禁止页面滑动 1.微信小程序要去掉微信自带的导航栏,只需要在app.json中加上 "navigationStyle": "custom&q ...
- 微信小程序导航栏高度。分析手机状态栏高度、微信小程序胶囊高度等。
//获取系统信息的概念 console.log(uni.getSystemInfoSync()); let res = uni.getSystemInfoSync() //胶囊按钮的信息 consol ...
- 微信小程序导航栏制作
导航栏制作 微信小程序不同于H5,制作导航栏不方便,尤其是对于一个初学者来看:以为微信小程序中的Js与H5中的差不多,其实不然,以下就是我在学习微信小程序中制作的小程序导航栏. 页面代码 <vi ...
- 微信小程序----导航栏透明渐变二(MUI导航栏透明渐变)
效果体验二维码 如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 导航栏透明渐变效果 实现原理 给page-group设置的背景颜色采用rgba; 通过改变rgba其 ...
- 微信小程序导航栏怎么写
微信小程序写到到导航栏还是非常简单得,就算没有三大框架的基础,也是非常容易理解`的. 接下来我们看看他是如何操作的: 以电商页面中常见的导航为例,会了这一种,就是会了很多种,到时根据具体需求改动即可: ...
- 小程序导航栏颜色设置
导航栏的设置 在实际的开发过程中,窗口页面的颜色是多样的,小程序默认的导航栏颜色不能满足我们的开发需求,需要自己去设置,刚好,小程序官方文档里提供了解决方法. 在app.json中可以配置全局(默认) ...
- 使用taro自定义微信小程序导航栏
1.在app.config.js中的window配置项的内容替换为:"navigationStyle":"custom" custom表示自定义导航栏,但会保留 ...
- 微信小程序----导航栏透明渐变一(MUI导航栏透明渐变)
效果体验二维码 如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! DEMO下载 导航栏透明渐变效果 实现原理 利用position:absolute在导航下定位一个v ...
最新文章
- 微信小程序-设置启动页面
- C#对App.config文件或者web.config文件中节点的操作类
- Vector源码分析
- Java 算法 入学考试
- 小米旗下电商平台「有品有鱼」宣布于3月终止运营
- java获取map遍历,Map获取键值,Map的几种遍历方法总结(推荐)
- perl模块Getopt::Std用法及实例-从命令行读取参数模块
- 基于知识图谱的问答系统,BERT做命名实体识别和句子相似度
- 项目经理所应具备的八项素质:
- 微信公众号基本配置之服务器配置
- 测试从业人员的职业规划
- hdu-4565(矩阵快速幂+推导)
- 图像_camera_基础知识_YUV色彩模型与RGB色彩模型详解
- asp.net中调用javascript函数实现多功能日期控件示例
- 视觉技术中的图像采集卡
- 为什么显示服务器升级中,手机老是显示服务器升级中
- 【网络篇】TCP SYN Flood Attack(洪水攻击)
- 将项目提交到码云时,异常: remote: [31mIncorrect username or password ( access token )[0m
- 德州扑克实践之三-----比较大小
- 东风风行t5evo噪音测试软件,【图】百公里加速9.5秒 实测东风风行T5 EVO_汽车江湖...