小程序中的app.json常用配置

139 阅读1分钟

注意: 下面的配置是写在 app.json 文件中的配置文件 是全局作用 这些配置也可以写在页面配置文件中如 index.json 在页面配置文件中不需要写 window 直接写里面的配置即可,作用就只是在单个页面中

{
     "window":{
    // 刷新时候的3个点 只有两个值 dark 和 light
    "backgroundTextStyle":"light",
    //这个是上面顶部导航的背景颜色 必须用16进制才可以
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    // 顶部文字的颜色 只能支持 黑色和白色 
    "navigationBarTextStyle":"black",
    // 开启下拉刷新
    "enablePullDownRefresh": true,
    // 下拉刷新的背景颜色
    "backgroundColor": "#fff000"  
    //这个上拉时候滑动条距离地板多少像素时候加载更多 默认是50 一般不设置
    "onReachBottomDistance": 100 
  },
}

tabBar的配置

"iconPath"是未选中时候的图片路径地址  "selectedIconPath" 是选中时候的图片地址
{
  "pages":[
    "pages/index/index",
    "pages/message/index",
    "pages/list/index",
    "pages/my/index"
  ],
  "window":{
   ......
  },
  
  "tabBar": {
      "list": [{
          "pagePath": "pages/index/index",
          "text": "首页"
          "iconPath": "图片路径",
          "selectedIconPath": "图片路径"
      },{
        "pagePath": "pages/message/index",
        "text": "详情"
        "iconPath": "图片路径",
        "selectedIconPath": "图片路径"
    },{
        "pagePath": "pages/list/index",
        "text": "列表"
        "iconPath": "图片路径",
        "selectedIconPath": "图片路径"
    },{
        "pagePath": "pages/my/index",
        "text": "我的"
        "iconPath": "图片路径",
        "selectedIconPath": "图片路径"
    }]
  },
}