小程序基础02:小程序的全局配置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序基础02:小程序的全局配置相关的知识,希望对你有一定的参考价值。

1.配置

  我们使用app.json文件来对来微信小程序进行全局配置。

  作用:他决定了页面文件的路径,窗口表现,设置网络超时时间,设置多tab等

  每一个小程序页面也可以使用 .json 文件来对本页面的窗口进行配置。页面的配置比app.json配置简单得多,只是设置app.json中的window配置项的内容。页面中的配置会覆盖app.json的window中相等的配置项

 

  实例    //pages: String Array 设置页面路径

    "pages":[
        "pages/index/index", 
        "pages/logs/logs",
        "pages/account/account"
    ],

    //window: Object 设置默认页面的窗口表现
    "window":{
        "backgroundTextStyle":"light",  //暂时不知道
        "navigationBarBackgroundColor": "red", //导航条默认背景颜色
        "navigationBarTitleText": "同舟快递", //导航条默认标题
        "navigationBarTextStyle":"black" //导航条默认文字颜色
    },

    //tabBar: Object 设置底部 tab 的表现
    "tabBar": {
      "list": [{
        "pagePath": "pages/index/index", //页面路径跳转
        "text": "首页" //对应的tab标题
      }, {
        "pagePath": "pages/logs/logs", 
        "text": "日志"
      }, {
        "pagePath": "pages/account/account", 
        "text": "个人中心"
      }]
    },

    //networkTimeout:Object 设置网络超时时间
    "networkTimeout": {
        "request": 10000,
        "downloadFile": 10000
    },

    //是否开启调试模式
    "debug":true

  //设置页面整体不能上下滚动:设置为 true 则页面整体不能上下滚动;只在 page.json 中有效,无法在 app.json 中设置该项
  “disableScroll”:true
}

 





以上是关于小程序基础02:小程序的全局配置的主要内容,如果未能解决你的问题,请参考以下文章

从零学习微信小程序——基础知识

从零学习微信小程序——基础知识

微信小程序基础架构

微信小程序全局配置知识点

#yyds干货盘点#愚公系列2022年02月 微信小程序-全局配置属性之tabBar

小程序基础13:模板