美文网首页
微信小程序json参数说明

微信小程序json参数说明

作者: 大梦无痕 | 来源:发表于2018-07-11 15:15 被阅读0次

微信小程序

1.app.json参数说明

{
  "pages":["pages/index/index","pages/logs/logs"],//每个页面的路径必须写在这里
  "networkTimeout":5000,//设置网络超时时间
  "window":{//设置默认页面的窗口表现
         //参数详情见下
  },
"tabBar":{
  "selectedColor":"#fff",//tab 上的文字选中时的颜色
  "color":"#ccc",//tab 上的文字的颜色
  "backgroundColor":"#f00",//tab 的背景色
  "borderStyle":"black",//tabbar上边框的颜色, 仅支持 black/white
  "position":"bottom",//可选值 bottom、top
 "list":[//tab 的列表,最少2个、最多5个 tab
    {
        "pagePath": "pages/index/index",//页面路径,必须在 pages 中先定义
        "text": "首页",//tab 上按钮文字
        "iconPath": "img/ashouye.png",//图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,当 postion 为 top 时,此参数无效,不支持网络图片
        "selectedIconPath": "img/bshouye.png"//选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px ,当 postion 为 top 时,此参数无效
      },
      {
        "pagePath": "pages/cart/cart",
        "text": "购物车",
        "iconPath": "img/agwc.png",
        "selectedIconPath": "img/bgwc.png"
      },
]
}
}

window参数

image.png

2.app.js https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html

App({
  onLaunch: function(options) {
     // 展示本地存储能力
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
      }
    })
    // 获取用户信息
    wx.getSetting({
      success: res => {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框
          wx.getUserInfo({
            success: res => {
              // 可以将 res 发送给后台解码出 unionId
              this.globalData.userInfo = res.userInfo

              // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
              // 所以此处加入 callback 以防止这种情况
              if (this.userInfoReadyCallback) {
                this.userInfoReadyCallback(res)
              }
            }
          })
        }
      }
    })
  },
  onShow: function(options) {
      // Do something when show.
  },
  onHide: function() {
      // Do something when hide.
  },
  onError: function(msg) {
    console.log(msg)
  },
  globalData:{
    userInfo: null
  }
})

相关文章

网友评论

      本文标题:微信小程序json参数说明

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