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

二饭发表于 2020-12-9 21:35

本帖最后由二饭于 2020-12-9 21:52 编辑

全局配置文件指：`app.json`

## pages字段

**作用：**控制页面目录

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

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

## window字段

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

```json
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#eb4450",
"navigationBarTitleText": "标题名称",
"navigationBarTextStyle":"white"
},
```

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

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

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

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

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

## tabbar字段

控制导航条的。

```json
"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`。

### list属性

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

text：显示的页面名称

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

selectedIconPath：被点击后的图标图片

二饭发表于 2020-12-10 14:03

diaozatian815 发表于 2020-12-10 11:09
希望大佬等上一下详细的小程序上线步骤后端前端关联

好的，从基础的讲解，后面都会讲到的

ujmr7wt4adr 发表于 2021-6-9 23:41

二饭发表于 2020-12-10 14:03
好的，从基础的讲解，后面都会讲到的

我想有偿做小程序不知道您能做吗？

770880 发表于 2020-12-9 21:45

看一看，瞧一瞧

天空の幻像 发表于 2020-12-9 21:47

厉害了，路过看看

196446 发表于 2020-12-9 21:52

进来涨知识了

二饭发表于 2020-12-9 21:59

196446 发表于 2020-12-9 21:52
进来涨知识了

{:301_1000:}格式上有没有什么指教的

52pj17759127760 发表于 2020-12-9 22:03

看看，学习一下，涨涨知识，感谢分享

siaslfs 发表于 2020-12-9 22:19

看一看，瞧一瞧

tingkwan 发表于 2020-12-9 22:40

先收藏再学习.

yourwit 发表于 2020-12-9 23:38

学习一下楼主分享的知识

diaozatian815 发表于 2020-12-10 11:09

页: [1] 2

吾爱破解 - 52pojie.cn's Archiver

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