美文网首页
微信小程序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