美文网首页
微信小程序 全局配置 app.json 与 一般配置 *.jso

微信小程序 全局配置 app.json 与 一般配置 *.jso

作者: Karaio | 来源:发表于2018-11-07 10:14 被阅读0次

    (1) app.json

    pages 配置项

    • 必须项
    • 类型为数组
    • 每项值为字符串(路径)
    • 第一项为小程序初始页面
    • 路径不需要写后缀名

    window 配置项

    对象 描述
    navigationBarBackgroundColor 十六进制颜色 导航栏背景颜色
    navigationBarTextStyle white/black 导航栏字体颜色
    navigationBarTitleText String 导航栏标题内容
    backgroundColor 十六进制颜色 窗口背景颜色
    backgroundTextStyle dark/light 下拉背景字体,loading图样式
    enablePullDownRefresh Boolean 是否开启下拉刷新

    tabBar 配置项

    设置底部tab的表现,tabBar内部是一个‘list’数组,最少配置2个,最多5个。

    配置示例:

    {
      "tabBar": {
         "color": "#6fdc56",
         "selectedColor": "#999999",
         "backgroundColor": "#ffffff",
         "borderStyle": "black",
         "position": "bottom",
         "list": [
           {
             "pagePath": "pages/index/index",
             "text": "首页",
             "iconPath": "images/icon1.png",
             "selectedIconPath": "images/icon1H.png"
           },
           {
             "pagePath": "pages/logs/logs",
             "text": "日志",
             "iconPath": "images/icon2.png",
             "selectedIconPath": "images/icon2H.png"
           }
         ]
      }
    }
    

    tabBar的属性:

    对象 描述
    color 十六进制颜色 字体颜色
    selectedColor 十六进制颜色 选中时字体颜色
    backgroundColor 十六进制颜色 tab的背景色
    borderStyle black/wihte 边框颜色
    position top/bottom tabBar位置
    list 数组 必填,tab列表 2-5个

    list的属性:

    对象 描述
    pagePath String 对应的pages
    text String tab选项文字
    iconPath String tab上显示的图片,限制40KB
    selectedIconPath String 选中时的图片

    networkTimeout 配置项

    对象 描述
    request Number wx.request的超时时间,毫秒ms
    connectSocket Number wx.connectSocket的超时时间,毫秒ms
    uploadFile Number wx.uploadFile的超时时间,毫秒ms
    downloadFile Number wx.uploadFile的超时时间,毫秒ms

    debug 配置项

    {
      "debug": true
    }
    

    其他的配置项都是一个对象类型,只有的debug的值是Boolean类型。

    (1) *.json

    只需要设置window配置项来决定本页面的窗口表现,因此也不用写window这个属性。

    {
      "navigationBarBackgroundColor": "#ffffff",
      "navigationBarTextStyle": "black",
      "navigationBarTitleText": "查看启动日志",
      "backgroundColor": "#ffaaff",
      "backgroundTextStyle": "dark"
    }
    
    对象 描述
    navigationBarBackgroundColor 十六进制颜色 导航栏背景颜色
    navigationBarTextStyle white/black 导航栏字体颜色
    navigationBarTitleText String 导航栏标题内容
    backgroundColor 十六进制颜色 窗口背景颜色
    backgroundTextStyle dark/light 下拉背景字体,loading图样式

    相关文章

      网友评论

          本文标题:微信小程序 全局配置 app.json 与 一般配置 *.jso

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