微信小程序学习笔记（二）

3.1 小程序的配置

⼀个⼩程序会包括最基本的两种配置⽂件。⼀种是全局的 app.json（控制整体） 和 ⻚⾯的page.json（控制单独页面的）
注意：在app.json与page.json里不可以写注释代码

全局配置 app.json

全局配置会涵盖页面路径，前端显示，网络超时，小程序的底部tabbar

{
    "pages":[
        "pages/index/index",
        "pages/mine/index"
    ],
    "window":{
        "backgroundTextStyle":"light",
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTitleText": "WeChat",
        "navigationBarTextStyle":"black"
    }
    "tabBar": {
    "list": [
      {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "image/home.png",
      "selectedIconPath": "image/home-hl.png"
      },
      {
        "pagePath": "pages/category/category",
        "text": "分类",
        "iconPath": "image/category.png",
        "selectedIconPath": "image/category-hl.png"
      },
      {
        "pagePath": "pages/shoppingcar/shoppingcar",
        "text": "购物车",
        "iconPath": "image/cart.png",
        "selectedIconPath": "image/cart-hl.png"
      },
      {
        "pagePath": "pages/mine/mine",
        "text": "我的",
        "iconPath": "image/me.png",
        "selectedIconPath": "image/me-hl.png"
      }
    ]
  }
}

代码解释：

• pages：描述⼩程序所有⻚⾯路径。
• window: 定义⼩程序所有⻚⾯的顶部背景颜⾊，⽂字颜⾊定义等。
• tabbar： 底部导航栏。
• 完整的配置信息请参考微信小程序官方文档

页面配置 page.json

每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。文件内容为一个 JSON 对象

配置示例

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "微信接口功能演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}

更多配置项属性参考官方文档

其他sitemap

sitemap.json ⽂件⽤于配置⼩程序及其⻚⾯是否允许被微信索引。