转载-微信小程序-配置

配置

一 app配置 app.json

使用app.json文件来对微信小程序进行全局配置,
决定页面文件的路径,
窗口表现,设置网络超时时间,设置多tab等

app.json配置项列表:

app的配置.png

(1) pages (string Array)必填 设置页面路径

接受一个数组,每一项都是字符串,
指定小程序是由哪些页面组成
每一项代表页面的【路径+文件名】信息,
数组的第一项代表小程序的初始页面,
小程序中新增减少页面,
都需要对pages数组进行修改,
文件名不需要写文件后缀,
因为框架会自动去寻找路径.json/.js/.wxml/.wxss的四个文件进行整合

pages开发目录.png
app中的pages配置.png

(2) window (object) 设置默认界面的窗口表现

用于设置小程序的状态栏,导航条,标题,窗口背景色
app的window配置.png
app.json的window字段.png
实际图片(1).png
实际图片(2).png

(3) tabBar(Object) 设置底部tab的表现

如果小程序是一个多tab应用,
客户端窗口的底部有tab栏可以切换页面,
可以通过tabBar配置项指定tab栏,
以及tab切换时候显示的对应页面

tabBar是一个数组,只能配置最少2个,最多5个tab,
tab按照数组的顺序进行排序
tabBar属性说明.png
tabBar中list属性说明.png

(4) networkTimeOut (Object) 设置网络超时时间

可以设置各种网络请求的超时时间
networkTimeout属性说明.png
实际图片(3).png

(5) debug(boolean) 设置是否开启debug模式

可以在开发者工具中开启debug模式,
在开发者工具的控制台面板,
调试信息以info的形式给出,
信息有page的注册,页面路由,
数据更新,事件触发

二 页面配置page.json

每一个小程序页面可以使用.json文件来对本页面的窗口进行配置
页面的配置比app.json的全局配置简单,
只是配置window配置项的内容,
页面中的配置项会覆盖window中相同的配置项
页面中的.json只能设置window相关的配置项,
决定页面的窗口表现,
无需写window这个键

推荐阅读更多精彩内容

  • 前言: 前一章简述了微信小程序的注册,既然注册了,那么肯定要开发微信小程序了。 俗话说的好:工欲善其事必先...
    Smile__EveryDay阅读 2,962评论 1 12
  • 昨天看了一下微信小程序官方文档,总结一下自己学习的个人心得. 首先从官方文档给的框架说起,微信小程序官方文档给出了...
    Mr大大大阅读 46,026评论 9 67
  • 微信小程序 简介 腾讯在微信中推出的一种介于 Native App 和 Web App 之间的程序 程序中的程序,...
    天上的牛_有人吹阅读 690评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 128,910评论 18 137
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 164,091评论 24 696
  • 剁椒鱼头 文/芒果君爷爷 制作/芒果君奶奶 剁椒鱼头,菜名就彰显出霸蛮威猛之气。 红艳艳的碎粒辣椒覆盖鱼头,升腾出...
    小芒果君的爷爷阅读 298评论 7 9
  • 十三年前的冬天,春风和秋雨相恋了,只因秋雨的一条短信:“我要和你在一起。” 但有谁又能知道,他们开始的是一场只有三...
    盛凯峰阅读 185评论 0 0
  • 《刑辩律师不是杀千刀的》 一 在生活中,我有时候觉得自己的职业身份挺尴尬的。刚刚认识的朋友,开聊几句,你是做什么的...
    大莫lawyer阅读 363评论 0 2
  • 半夏长安阅读 212评论 0 1
  • 我是一个奔三,从事互联网行业的80后普通女性。在这个行业已经干了3年,工作最大的特点就是加班!每天早上的我,希望地...
    飞翔的短翅膀阅读 767评论 0 2