在page页面使用时:
先在data:创建一个wh:
data: {
wh: ''
},
onLoad: function (options) {
var that = this
wx.getSystemInfo({
success: (result) => {
// 这个是调节图片大小的:先获取屏幕高度 / 自己觉得合适的图标大小的数
let rat = result.windowHeight / 8
that.setData({
wh: rat
})
console.log('wh', this.data.wh)
}
})
}
对应不同机型时:
onLoad: function (options) {
var that = this
wx.getSystemInfo({
success: (result) => {
let rat = ''
// 如果遇到机型不一样的高度时
// 判断手机高度小于等于950高度时
if(result.windowHeigh <= 950){
// 这个是调节图片大小的:先获取屏幕高度 / 自己觉得合适的图标大小的数
rat = result.windowHeigh / 30
}else{
// 手机高度大于950高度时
result.windowHeigh / 20
}
that.setData({
wh: rat
})
console.log('wh', this.data.wh)
}
})
}
在自定义tabBar组件时使用:
wh一样
在attached中使用:
也是在data中创建wh,
然后再attached中使用:
attached(){
wx.getSystemInfo({
success: (result) => {
let rat = ''
// 如果遇到机型不一样的高度时
// 判断手机高度小于等于950高度时
if(result.windowHeigh <= 950){
// 这个是调节图片大小的:先获取屏幕高度 / 自己觉得合适的图标大小的数
rat = result.windowHeigh / 30
}else{
// 手机高度大于950高度时
result.windowHeigh / 20
}
that.setData({
wh: rat
})
console.log('wh', this.data.wh)
}
})
},
今天的问题记录就这些。
使用这个的时候如果出现了,头部导航栏没有取消的话,和取消了导航栏的单独页面时,还会出现一个bug,页面获取到的高度就会不统一,进而就会图标的大小就会出现偏差,这个的话,就需要你们自行去解决了,
目前就出现了一个这样的问题,后续还有的话,我还会继续进行更新