论坛小程序的全局配置大概了解

我们先看一下整个项目的文件结构，可以让文件夹目录缩到最简洁的情况，明显有三个大部头，cloudfunctions、miniprogram和project.config.json。一一来简介一下。

第一部分：云函数
在cloudfunctions文件夹里，放置的是一些云函数文件，现在项目里暂时还没用到这一块的内容，我们把它放在一边哈。

第二部分：主程序
在这个目录下，我们按照下面几个方面说一下：
1.images（图片文件夹）

这里面放置的是一些在后面的程序里要用到的图片，把它们归类在一起，方便管理
2.pages（页面文件夹）
在这里放置的就是每个界面的程序文件了，点开一个看看，比如home文件夹，发现里面有四个文件

home.js文件，这个是控制小程序页面的逻辑，各个数据和函数之间的关系；
home.json文件，控制单个页面的一些配置（很多时候是空的，因为在后面的app.json可以进行全局配置）；
home.wxml文件，小程序的页面结构，比如文字、图片、音乐、视频、地图、轮播等组件都会放在这里；
home.wxss文件，可以配置单个页面的样式，比如文字的字体、颜色、背景，图片的大小等；

3.style（添加的样式文件）
我们会希望小程序的页面有丰富多彩的样子，但自己想象的实现出来有时不尽如人意，但还好很多人专门开发了一些样式供我们选择，只需要下载进来用就可以，这个项目里还没用到，用到的时候再说。

4.三个公共配置文件
在miniprogram里还有三个全局的公共配置文件

类似我们刚刚提到的页面文件，公共配置有：
app.js：小程序的一些基础逻辑，如初始化云开发的数据库，设定好应用的openid等等
app.json：小程序的全局设置，决定页面文件的路径、窗口表现、设置底部导航等；
这个文件比较重要，说几个经常用到的地方。
4.1 pages

每一次新增加一个页面，都需要在这里先注册。比如我们想增加一个名叫aq的文件夹，可以这里面这样写

写好这一句后，按住ctrl+s保存并编译
就会发现右边的文件夹里多了aq的四个文件

要记得每次想新增页面，都要来这里注册。
4.2 window

其中：
backgroundColor：窗口的背景色
backgroundTextStyle：下拉 loading 的样式，仅支持 dark / light
navigationBarBackgroundColor：导航栏背景颜色
navigationBarTitleText：导航栏标题文字内容
navigationBarTextStyle：导航栏标题颜色，仅支持 black / white

附一个颜色代码转换表：https://www.sioe.cn/yingyong/yanse-rgb-16/

4.3 tabbar

这个是设置底部导航栏的

其中
selectedColor：tab 上的文字选中时的颜色，仅支持十六进制颜色
backgroundColor：tab 的背景色，仅支持十六进制颜色
borderStyle：tabbar 上边框的颜色， 仅支持 black / white
list：tab 的列表，
pagePath：页面路径，必须在 pages 中先定义
text：tab 上按钮文字
iconPath：图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。
selectedIconPath：选中时的图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。

具体的很多东西可以查看这里的官方文档：
https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

app.wxss：小程序的公共样式表，可以配置整个小程序的文字的字体、颜色、背景，图片的大小等样式；

第三部分：项目配置文件
project.config.json用到的地方比较少，主要是里面的AppId，以后需要了再说。