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

2018-11-07  本文已影响0人  Karaio

(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图样式
上一篇下一篇

猜你喜欢

热点阅读