美文网首页微信小程序
转载-微信小程序-配置

转载-微信小程序-配置

作者: 一曲广陵散 | 来源:发表于2016-11-07 16:06 被阅读725次

    配置

    一 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这个键
    
    

    相关文章

      网友评论

        本文标题:转载-微信小程序-配置

        本文链接:https://www.haomeiwen.com/subject/irsouttx.html