携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第3天,点击查看活动详情
本次系列文章参与八月的更文活动,记录一个微信小程序从零到有的开发过程。本文为本系列第三篇:了解小程序的配置文件,主要关于微信小程序的全局配置。
微信小程序应用程序包括两种最基本的配置文件。一为是全局的 app.json ,二则是页面自己的 page.json。不过,要注意的是以上两种配置文件均不能出现注释。
首先本文来了解微信小程序全局配置文件、
app.json 全局外观配置文件
app.json 是微信小程序的全局配置,大概包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。以下为最基本的配置:
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}
关于以上配置中字段的含义如下:
-
pages字段- 用于存放小程序的页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
- pages里面的路径 存放顺序,谁放最上面,谁就被第一个打开
- 可以在微信开发者工具中手动编辑
app.json中的pages字段,这个工具会自己帮我们新增页面 不过此效果在其他的编辑器中编辑是没效果的。
-
window字段 :定义小程序所有页面的顶部背景颜色,文字颜色定义等。比较详细的配置可以点击进入 app.json配置了解更多。
以下是关于window字段中关于tarbar的大概配置,通过此图可以更清晰的了解tarbar配置的字段。
以上就是关于app.json 全局外观配置文件,下文则讲解关于微信小程序各个page页面的配置。