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

2022-04-26  本文已影响0人  5cc9c8608284
    /**
     * 生命周期函数--监听页面加载
     */
    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
上一篇 下一篇

猜你喜欢

热点阅读