微信小程序配置,一个项目的网络请求超时时间、导航栏的样式等,一般都是统一的。对于统一的信息,修改一个地方就能达到所有的地方都被修改的效果,这样做才是最合理的,否则,一个地方一个地方地修改不仅麻烦还容易遗漏。在微信小程序中,app.json
和app.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的。
酷客网相关文章:
评论前必须登录!
注册