在微信小程序中做轮播图的时候,需要获取当前的页面的宽度和高度。
首先在上面定义一个app的 获取
然后打开App.js
App({
onLaunch: function () {
// 展示本地存储能力
const that = this;
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
// 获取系统页面
// 加入这个获取系统的信息 并获得一个返回值
**wx.getSystemInfo({
success: function (res) {
that.systemInfo = res;
},**
})
// 登录
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)
}
}
})
}
}
})
},
globalData: {
userInfo: null
},
// 再全局是空的
systemInfo: null
})
这样就获得了你当前页面的宽高