微信小程序全局配置文件使用指南

发布时间：2024-01-05 栏目：建站知识浏览：分类：微信小程序教程

微信小程序全局配置文件是一个JSON文件，用于配置小程序的一些全局属性。在项目根目录下创建一个名为`app.json`的文件，然后在其中添加配置信息。例如，可以设置页面路径、窗口表现、网络超时时间等。此外，还可以在`app.wxss`文件中设置全局样式。在需要使用全局变量的地方，可以使用`getApp()`方法获取到全局的小程序实例，然后通过实例访问全局数据和函数。总之，微信小程序全局配置文件可以帮助开发者更好地管理和维护项目。

全局配置文件指：app.JSON

pages字段

作用：控制页面目录

在小程序开发时，每个页面都对应一个目录，每个目录又分别有wxml、wxss、js和json四个文件。详细说明可查看后续文章介绍，本文主要详解全局配置文件。

该字段内容是一个字符串形式数组，数组中每一个元素代表一个页面。快捷键CTRL+S保存后会自动生成对应目录和页面

window字段

控制小程序顶部背景颜色，标题等

"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#eb4450","navigationBarTitleText":"标题名称","navigationBarTextStyle":"white"},backgroundTextStyle：下拉loading的样式，仅支持dark/light。navigationBarBackgroundColor：导航栏背景颜色，如#000000。navigationBarTitleText：导航栏标题文字内容。navigationBarTextStyle：导航栏标题颜色，仅支持black/white。

更多属性请移步微信开放文档中查看。

tabbar字段

控制导航条的。

"tabBar":{"color":"#999","selectedColor":"#ff2d4a","backgroundColor":"#fafafa","position":"bottom","borderStyle":"black","list":[{"pagePath":"pages/index/index","text":"首页","iconPath":"./icon/主页0.png","selectedIconPath":"./icon/主页1.png"},{"pagePath":"pages/category/index","text":"分类","iconPath":"./icon/分类0.png","selectedIconPath":"./icon/分类1.png"},{"pagePath":"pages/cart/index","text":"购物车","iconPath":"./icon/购物车0.png","selectedIconPath":"./icon/购物车1.png"},{"pagePath":"pages/user/index","text":"我的","iconPath":"./icon/我的0.png","selectedIconPath":"./icon/我的1.png"}]},

color：tab 上的文字默认颜色，仅支持十六进制颜色。

selectedColor：tab 上的文字选中时的颜色，仅支持十六进制颜色。

backgroundColor：tab 的背景色，仅支持十六进制颜色。

position：tabBar 的位置，仅支持bottom/top。

borderStyle：tabbar 上边框的颜色，仅支持black/white。