微信小程序app.json设置导航栏背景颜色（navigationBarBackgroundColor）无效问题定位过程_应用程序设置navigationbarbackgroundcolor不生效-凤巢SEO

微信小程序app.json设置导航栏背景颜色（navigationBarBackgroundColor）无效问题定位过程

听海边涛声 已于 2024-03-31 18:43:22 修改
阅读量1.3k 微信小程序
于 2024-03-31 18:41:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panghuangang/article/details/137205931

如下图，今天我在小程序的app.json文件中设置"navigationBarBackgroundColor": “#2b3b4b”，想改变导航栏的背景颜色的，但不生效：
在这里插入图片描述

于是，我重新创建了另外一个小程序，在app.json文件中设置"navigationBarBackgroundColor": “#ff0000”，是可以生效的：
在这里插入图片描述

于是可以断定，是我的小程序哪个方面的问题，不是微信开发者工具的问题。我在app.json文件的pages列表中，删除第一个页面，导航栏的背景色修改生效了：
在这里插入图片描述

在这里插入图片描述

于是断定，是pages/index/index这个页面哪个地方有问题，才导致app.json文件修改导航栏背景颜色不生效。检查index.json，发现自己不知道什么时候在里边写了"navigationBarBackgroundColor": "#00ff00"这条语句，导致全局修改不生效：
在这里插入图片描述

于是把查index.json文件中的"navigationBarBackgroundColor": "#00ff00"这条语句去掉，在app.json设置导航栏背景颜色（navigationBarBackgroundColor）就可以生效了：
在这里插入图片描述

小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 JOSN文件不允许注释，下面为了学习加上注释，粘贴需要的片段去掉注释即可。小程序定义color建议使用16进制颜色 1. pages定义页面路径列表 "pages": [ "pages/news/news", "pages/...
微信小程序-页面配置-顶部导航栏背景色渐变
11-29
自定义tabBar页面的顶部导航栏，并保持导航栏的风格与其他tabBar页面导航栏风格统一，也就是导航栏标题文字排版统一。
微信小程序自定义navigationBar顶部导航栏(背景图片)适配所有机型，使用tdesign-miniprogram t-navbar设置背景图片
最新发布
qq_32849999的博客
09-20 1543
一定要设置，不然页面会出现一个原生的导航栏，一个自定义的// app.json文件此处选择在app.js文件（小程序启动时）计算并存储在全局变量中// 获取系统信息// 胶囊按钮位置信息// 导航栏高度 = 状态栏高度 + 44。
uni-app 设置 navigationBarBackgroundColor 不生效
辽辽无期的博客
12-22 1877
原因可能以下几种情况。
微信小程序--动态设置导航栏颜色 (navigationBarBackgroundColor)
qq_36770411的博客
09-07 6762
如果导航栏被隐藏或者页面没有设置导航栏，设置导航栏颜色将会失败。如果尝试了以上方法仍然无法解决问题，建议检查微信小程序开发工具的版本，确保使用的是最新稳定版，或者尝试重启开发工具和手机。检查是否有其他代码逻辑或插件影响了导航栏的设置。可能存在其他代码或插件对导航栏进行了修改或覆盖导致设置失败。确保使用有效的十六进制颜色值或颜色名称，并且以字符串形式传入。中调用，或者在需要设置导航栏颜色的事件触发时调用。来启用原生导航栏样式，并获得设置导航栏颜色的权限。检查是否有权限设置导航栏颜色。文件中，可以通过设置。
微信小程序设置页面背景颜色backgroundColor 无效的问题！
前端很杂，故名前端杂货铺 —— coderkey
08-20 6619
（1）原因： 当我们在微信小程序 json 中设置 backgroundColor 时，实际在电脑的模拟器中根本看不到效果。 （2）分析： 这是因为 backgroundColor 指的窗体背景颜色，而不是页面的背景颜色，即窗体下拉刷新或上拉加载时露出的背景。在电脑的模拟器中是看不到这个动作的，所以会让人误以为这个配置是无效的。 （3）解决方案： 如果要设置页面背景颜色，得在 wxss 文件中自定义样式，如下： // .wxss page { background-color: #ededed; }
微信小程序页面目录json设置页面导航栏背景颜色无效
tutgxu的博客
12-30 573
微信小程序页面目录json设置页面导航栏背景颜色无效
2.微信小程序app.json 以及app.js使用配置_APP_微信小程序_
10-01
在微信小程序的开发过程中，`app.json` 和 `app.js` 是两个至关重要的核心配置文件，它们分别负责全局配置和应用程序逻辑控制。 `app.json` 文件是微信小程序的全局配置文件，它定义了小程序的整体结构和一些全局...
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
10-16
本篇文章将详细介绍如何实现微信小程序自定义头部导航栏和导航栏背景图片，以及处理与`navigationStyle`相关的技术问题。 首先，微信小程序提供了`navigationStyle`属性，允许开发者禁用默认的导航栏并自定义样式。...
微信小程序全局配置参数详解app.json
m0_58859743的博客
06-12 5432
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。
微信小程序 设置 backgroundColor 无效的问题
weixin_45173576的博客
04-02 4328
当我们在小程序中设置backgroundColor 时，没有效果，页面还是白色，因为backgroundColor 指的是窗体背景颜色而不是页面背景颜色 { "usingComponents": {}, "backgroundColor": "#eb631d", "enablePullDownRefresh": true } backgroundColor 窗体下拉刷新或上拉加载时露出的背景???? 如果要设置页面背景颜色，得在 wxss 中自定义样式，如下： page { backg
微信开发者工具 在全局配置app.json中设置navigationBarBackgroundColor不生效的问题
qq_42972098的博客
08-10 251
把navigationStyle设置为default（原来可能是custom），然后把下方的"renderer": "skyline"改为"renderer": "webview"后保存代码即可。问题：在全局配置app.json中设置了navigationBarBackgroundColor的16进制色值保存后，模拟器并没有让导航栏显示为黑色。
微信小程序自定义导航栏单独设置某些页面胶囊背景色，微信小程序setNavigationBarColor无效，微信小程序更改右上角按钮背景色
01-05 7031
前言 我们的小程序导航栏全局用的自定义导航，其中某两个页面的导航栏要有那种科技范儿，将导航栏背景设置成了透明背景，这样导航栏的背景色就跟着页面的背景走了，但是就是右上角的胶囊颜色不跟着变，用微信小程序提供的接口 wx.setNavigationBarColor 设置也不管用，无效，看图： 看配置和代码： 下图这个背景只适用于我们的自定义导航背景，是透明的 下图这个设置是微信小程序自己的接口，最终效果就是上方的白色的胶囊，太…太突兀以及太丑了 正解： 这个好像是之前看手册的时候上边说如果设置成了自定义的
uniapp 微信小程序 navigationBarBackgroundColor 标题栏颜色渐变
maoge_666的博客
07-26 9926
uniapp 微信小程序 navigationBarBackgroundColor 标题栏颜色渐变
uniapp 微信小程序 导航栏设置背景颜色字体颜色
qq_37496470的博客
02-11 9367
{ "path": "pages/company", "style":{ "navigationBarTitleText": "企业概览", "enablePullDownRefresh": false, "navigationBarBackgroundColor":"#3d5bff", // 导航栏背景颜色 "navigationBarTextStyle": "white" // 导航栏字体颜色 } } ...
微信开发者工具报错：[“navigationBarBackgroundColor“]: “＃00008b“ is not hexColor
qq_56715703的博客
04-01 1655
改错意见是将全局搜索 navigationBarBackgroundColor将项目里全部页面值改成二进制。但我有#，还是不对，我就又重新输入了一次#。发现重新输入的#跟我直接复制的#不一致。结论就是：#不是规范的#，微信开发者工具识别不了，所以报错。hexcolor即十六进制色码，也就是说此错误出现在色码上。我上网查询，发现大多数人的错误是没加#也就是加上#的意思。
微信小程序设置不同的顶部导航栏名称以及背景颜色
逍遥的码农的博客
12-03 7327
一、背景 首先是，我们知道在app.json中，有一个window属性，这个规定了全局的顶部导航栏目的显示： "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "全局导航名称", "navigationBarTextStyle": "black" }, ** 但是这里有个问题，那就是咱们
听海边涛声 CSDN认证博客专家 CSDN认证企业博客
码龄14年 暂无认证
2418
原创
8586
周排名
508
总排名
137万+
访问
等级
3万+
积分
6997
粉丝
1万+
获赞
85
评论
8314
收藏
新秀勋章
持之以恒
五一创作勋章
1024勋章
勤写标兵
1024超级勋章
笔耕不辍
创作能手
私信
校验和（Checksum）介绍、用Java计算校验和、验证校验和 9029
  • 用mvn dependency:tree命令查看maven工程的依赖树信息 8646
  • eclipse中在maven工程 的pom.xml文件中增加依赖的方法 7245
  • 怎么打出人民币的货币符号 6543
  • 酉矩阵（Unitary Matrix） 6448

    • 分类专栏

    CSS：相邻块元素垂直外边距合并、嵌套块元素外边距塌陷

    有素质的乌龟: 这么好的文章！！！！感谢感谢

  • XMind：修改格式

    2401_88547617: 文本框的大小怎么调

  • 微信小程序报错：{“errMsg“:“chooseAddress:fail the api need to be declared in the requiredPrivateInfos field

    听海边涛声: 自 2022 年 7 月 14 日起，开发者如需在最新版本发布后使用地理位置相关接口，除需完成接口权限开通外，还需在 app.json（或ext.json）配置环节。

  • 微信小程序报错：{“errMsg“:“chooseAddress:fail the api need to be declared in the requiredPrivateInfos field

    謝堆堆DDD: 这个是不是需要先在微信开发后台申请api的权限？

  • 利用maven的dependency插件将项目依赖从maven仓库中拷贝到一个指定的位置

    geek_Chen01: 在主项目下拷贝很大的，

    • 目录

    java     6篇
  • 命令行     1篇
  • JDK     2篇
  • 安装     3篇
  • eclipse     2篇
  • JRE     1篇
  • unoconv     1篇
  • LibreOffice     7篇
  • Ubuntu     4篇
  • python     7篇
  • UNO     3篇
  • WPS Office     1篇
  • OpenOffice     1篇
    • 为什么被折叠? 到【灌水乐园】发言
    前往充值 >
    需支付：10.00元
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝
    hope_wisdom
    发出的红包
    实付元
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明：

    1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

    余额充值

    相关内容推荐

    ajax 怎么利于seoseo项目管理流程修改网站seo描述现在seo优化 学习seo优化策略分类大鱼个人博客seo阿波罗seoseo是什么牌子福建seo推广排名seo挖词用法vue做商城 seo怎么写完善seo东莞seo技术中心长春seo网络推广多纷巷SEOseo排名怎么写资讯站 seo站seo01自拍附子2020seoseo的收费标准小白怎么学好seo河南seo优化备案做seo好做吗Seo sem前景如何甘肃seo推广方案seo综合易速达深圳seo人工优化seo一线点石seo 原创度企业seo推广成本seo优化论坛推广南通seo全网营销seo 标题字数东光seo整站优化淘宝seo赚钱项目东莞问答seo价格肇庆新站seo步骤谷歌seo运营效果谷歌搜索seo算法在线seo查询源码古镇网页seo优化站内seo整体优化谷歌seo优化ai江门seo在线咨询2018seo教程seo精准引流班晋城外贸seoseo内外兼修优化seo就业前景好吗安徽seo优化排名小榄seo优化推广云优化seo软件宁夏seo搜索优化无锡seo优化业务东莞机械seo如何长春seo公司排行唐山网站seo案例seo需要注意大象seo服务外包seo什么牌子汽车seo述职报告pptseo网站迁移方法新疆seo需求咨询seo教程怎么选哪边有招seoseo重要程度排序苏州seo推广方案鼎湖seo标题修改优化师seo职责seo实战记录松溪公司seo技术seo需要的软件秦皇岛SEO鱼刺系统seo优化哪便宜矩阵seo 筑榜日照正规seo平台抖音seo合集厦门seo快速优化江西seo优化方案苏州seo有哪些.seo文件怎么打开seo怎么设置收录seo排名怎么购买Seo优化方法spaseo面试项目讲解都匀网络seo优化怎么获得seo排名网站引流方式seo武汉实战seo培训seo怎么降权php中文分词seoseo目前的状况SEO人才绿卡更新怎么设置seo优化模版站seo优化seo每日更新内容seo.rt模特SEO的业务板块抖音seo赚钱seo伪静态链接茂名seo优化需求招聘站外seo长春seo推广外包seo快速稳定排名seo靠不靠谱晋中市seoseo sem aso dmpSEO优化推广商品阿城seo引流推广seo创意怎么写怎么获得seo排名seo优化的服务seo论坛优化网站淘宝引流seo博客兰州模板网站seo金华移动端seoseo网站刷排名高青搜狗seo好吗seo排名公司衡阳沈阳便宜的seo姜堰seo优化电话重庆seo怎么收费杭州专业seo托管SEO教学评价粉饼seo方式是什么开封seo优化价格语料库seo东营网站seo策略登封seo网站优化莆田seo付费推广seo客户沟通技巧商丘有seo吗seo静态首页更新seo sem aso dmpseo网页如何优化佛山seo推广服务SEO故事插画壁纸seo数据优化方案江苏自助seo建站小红书seo图片永州seo优化收费台州seo怎么推广seo的b端SEO人才绿卡更新保山seo整站优化seo课程课程培训seo的日常内容网站运营倾向seo延庆拼多多seo黑河seo整站优化洛龙区seo优化设计SEO优化咋做seo标题title写法seo优化省钱广告珠海谷歌seo推荐全网seo搜索优化东莞seo优化价格淘宝seo搜索误区外贸seo工作内容高安网站seo推广在线seo国际优化悟空seo教学视频红桥快照seo优化茌平seo公司报价怎么去做seo semseo 做淘宝客seo趣谈内链广东seo优化网站湛江seo收费标准大庆seo营销方案SEO排名赚兼职站群seo视频网站seo推广招商绍兴seo整站外包珠海做seo公司营销小课堂seoseo 和sem区别门窗seo方案书武汉万词seo放心选seo优化日照seo推广软件湛江新站做seo大旺网站seoseo高级技巧加速眉山抖音seo彩票网站seo孝感seo优化优势视频seo排名方案奔奔seo优化seo还能玩多久南昌短视频seo自媒体引流seo包头刘丹seo教程简单的seo艺术惠州seo网络宣传筛选对seo影响贵州seo软件价格滁州seo优化价格什么软件有seoseo优化的流程

    合作伙伴

    凤巢SEO

    www.snlanyards.com
    www.xm5656.cn
    kuai.urkeji.com
    www.maijichuang.cn
    www.gzlyapi.com
    www.conductive-powder.com
    zz1.urkeji.com
    www.lyhbj.cn
    seo.jsfengchao.com
    www.lpjfm.cn
    seo.chaoshanxing.com
    seo.07yue.com
    seo.china185.com
    seo.xtcwl.com
    www.desai360.com
    seo.07yue.com
    www.chaoshanxing.com
    zz.urkeji.com
    www.chaoshanxing.com
    www.8830000.cn