微信小程序app.json

微信小程序

我们初学微信小程序，需要对里边的一些自带的配置很清楚，才能更好的处理和运用微信小程序，创造出一个好的程序。

我们可以看到在项目的根目录有一个 app.json 和 project.config.json，此外在 pages/logs 目录下还有一个 logs.json，

小程序配置 app.json

app.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内容如下：

代码：

"pages":[  
   "pages/index/index",  
   "pages/logs/logs"  
 ],  
 "window":{  
   "backgroundTextStyle":"light",  
   "navigationBarBackgroundColor": "#fff",  
   "navigationBarTitleText": "WeChat",  
   "navigationBarTextStyle":"black"  
 }  

1. pages字段 —— 用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
2. window字段 —— 小程序所有页面的顶部背景颜色，文字颜色定义在这里的。

注：navigationStyle 只在 app.json 中生效。开启 custom 后，低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0（不代表最低版本，只供调试用） 可方便切到旧视觉

  tabbar: {
      color: "#000000",
      selectedColor: "#0f87ff",
      backgroundColor: "#ffffff",
      borderStyle: "black",
      list: [
        {
          "pagePath": "../index/index",
          text: "首页",
          iconPath: "../../images/s.png",
        },
        {
          "pagePath": "../personal/personal",
          text: "个人信息",
          iconPath: "../../images/c.png",
        }
      ],

来对菜单项进行设置，这就是简单是微信小程序入门。