微信小程序开发（全局配置文件）

cora1989

全局配置文件指：app.json

pages字段

作用：控制页面目录

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

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

window字段

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

1. <font size="3" face="微软雅黑">"window":{
   
2.     "backgroundTextStyle":"light",
   
3.     "navigationBarBackgroundColor": "#eb4450",
   
4.     "navigationBarTitleText": "标题名称",
   
5.     "navigationBarTextStyle":"white"
   
6. },</font>

复制代码

backgroundTextStyle：下拉 loading 的样式，仅支持 dark / light。

navigationBarBackgroundColor：导航栏背景颜色，如 #000000。

navigationBarTitleText：导航栏标题文字内容。

navigationBarTextStyle：导航栏标题颜色，仅支持 black / white。

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

tabbar字段

控制导航条的。

1. <font size="3" face="微软雅黑">"tabBar": {
   
2.     "color": "#999",
   
3.     "selectedColor": "#ff2d4a",
   
4.     "backgroundColor": "#fafafa",
   
5.     "position": "bottom",
   
6.     "borderStyle": "black",
   
7.     "list": [
   
8.       {
   
9.         "pagePath": "pages/index/index",
   
10.         "text": "首页",
    
11.         "iconPath": "./icon/主页0.png",
    
12.         "selectedIconPath": "./icon/主页1.png"
    
13.       },
    
14.       {
    
15.         "pagePath": "pages/category/index",
    
16.         "text": "分类",
    
17.         "iconPath": "./icon/分类0.png",
    
18.         "selectedIconPath": "./icon/分类1.png"
    
19.       },
    
20.       {
    
21.         "pagePath": "pages/cart/index",
    
22.         "text": "购物车",
    
23.         "iconPath": "./icon/购物车0.png",
    
24.         "selectedIconPath": "./icon/购物车1.png"
    
25.       },
    
26.       {
    
27.         "pagePath": "pages/user/index",
    
28.         "text": "我的",
    
29.         "iconPath": "./icon/我的0.png",
    
30.         "selectedIconPath": "./icon/我的1.png"
    
31.       }
    
32.     ]
    
33.   },</font>

复制代码

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

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

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

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

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

list属性

pagePath：指定点击后要跳转的页面路径

text：显示的页面名称

iconPath：未被点击时的图标图片

selectedIconPath：被点击后的图标图片

刘宇华

多谢分享多谢分享

来龙考虑考虑

6666666666

a47785788

6666

h1098583853

正需要，支持楼主，在大牛我只看好你！

cq1997

感谢楼主分享

dusos

谢谢分享

故事情节

谢谢大佬分享

q404023244

谢谢分享！

So-Tz.

感谢楼主的分享