微信小程序app.json配置

Posted on   猫头唔食鱼  阅读(374)  评论(0编辑  收藏  举报

找到app.json文件,找到window配置项

1.windows选项下导航栏样式

"navigationBarBackgroundColor":#F6F6F6 // 导航栏的背景颜色
"navigationBarTextStyle":"white" // 导航栏的标题颜色,只支持balck 或者 white
"navigationBarTitleText":"导航栏标题内容"   // 导航栏的标题
"navigationStyle":"custom"  // 导航栏的样式,只能default 或者 custom, 如果设置为custom,那么就会去掉默认导航栏

 

2.窗口的颜色。窗口指的是小程序页面上拉或者下拉的背景颜色,可以在真机上调试。

"backgroundColor":"#000"    // app.json配置文件中的所有颜色值都只能写色标不能使用颜色单词,除navigationBarTextStyle的这个选项外。

设置上滑时和下拉时的背景颜色[只在ios上上生效]:

"backgroundColorTop":"#333",
"backgroundColorBottom":"#999"

 

在真机上查看效果:

点击编辑器上的预览按钮,扫描生成的二维码,就可以在手机上打开小程序。

 

3.开启下拉刷新,在电脑也能下拉:

"enablePullDownRefresh":true

 

也可以在其他页面的json文件中使用"navigationBarTitleText",配置页面的标题。

 

编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示