微信小程序配置

微信小程序配置,一个项目的网络请求超时时间、导航栏的样式等,一般都是统一的。对于统一的信息,修改一个地方就能达到所有的地方都被修改的效果,这样做才是最合理的,否则,一个地方一个地方地修改不仅麻烦还容易遗漏。在微信小程序中,app.jsonapp.wxml就是用来进行统一的样式配置的。

样式配置

app.json文件是统一的项目配置文件,每一个页面的配置文件为pageName.json。app.json文件的具体代码如下:

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

pages用来存放用到的所有页面的路径,写的是pageName.wxml的路径,但是不需要写后缀,系统会自动查找页面对应的其他文件。

注意,最后一个不需要用“,”分隔。第一个页面路径为首页显示的页面。

window是窗口的样式设置,用来设置微信小程序的状态栏、标题、导航栏等的样式。颜色只接受十六进制的颜色值。其属性如下表所示,各属性对应的位置如图所示。
微信小程序配置

微信小程序配置

tabBar是多tab应用时使用的,用户可以在微信小程序的底部切换页面,建议最少2个,最多5个。其属性如下表所示,各属性对应的位置如图所示。
微信小程序配置

微信小程序配置

其中list存放的是单个tab页面的图标、文字和路径,属性如表所示。
微信小程序配置

其他配置

networkTimeout用于网络超时设置。多长时间内接收不到服务器的数据响应,即为网络超时。其属性如表所示。
微信小程序配置

debug调试信息设置值只有“true”或“false”,默认为“true”。在开发者工具的控制面板中,调试信息以info的形式给出,帮助开发者快速定位一些常见的错误问题。

页面配置

上面所说的配置都是全局的配置,如果想单独设置某个页面的样式,就要配置该页面的pageName.json,这个配置会覆盖app.json对应的属性的配置,属性如表所示。
微信小程序配置

注意:在页面配置中没有网络超时和pages的配置,也没有tabBar的配置,这意味着在二级页面是没有办法使用系统的tabBar的。

酷客网相关文章:

赞(0)

评论 抢沙发

评论前必须登录!