微信小程序获取页面的rpx高度

作者: 5cc9c8608284 | 来源:发表于2022-04-26 20:01 被阅读0次

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
            wx.getSystemInfo({//微信api，可以获取页面的信息
              success: (result) => {
                  console.log(result)
                //   拿到当前设备的宽度和高度,单位为px
                  let hiehgt=result.windowHeight
                  let width=result.windowWidth;
                // px转rpx的转换比例
                let rpxRatdio=750/width //750为设计稿的宽度，width为刚才获取到的页面的宽度
                // 将获取到的px的高度转为rpx的高度
                let rpxHeight=rpxRatdio*hiehgt;
                this.setData({
                    rpxHeight:rpxHeight  
                })
              },
              fail: (res) => {},
              complete: (res) => {},
            })
    },

result的打印结果为:

info.png