微信小程序获取某个元素的信息（高、宽等），并将px转换为rpx。

最新推荐文章于 2024-01-19 16:41:38 发布

Pumpkin_xiaoXuan

最新推荐文章于 2024-01-19 16:41:38 发布

阅读量731

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/Pumpkin_xiaoXuan/article/details/125565674

版权

<!-- 自定义底部导航栏      这里得定义个class跟下方的.select()一致-->
<tab-bar class="tabbar" :currentTabBar="0" :themeColors="themeColors"></tab-bar>

// 获取底部导航栏高度
    getTabBarHeight() {
      let query = uni.createSelectorQuery().in(this);
      query
      .select(".tabbar")               // 这里的.tabbar为该元素的类名
      .boundingClientRect()
      .exec((res) => {
        let system = uni.getSystemInfoSync();
        let tabBarHeightPx = res[0].height;
        let rpx = system.windowWidth / 750;
        this.tabBarHeightRpx = tabBarHeightPx / rpx
        console.log('tabBarHeightRpx', this.tabBarHeightRpx);
      })
    },


// 调用时需要等dom渲染完毕再调用
this.$nextTick(() => {
   this.getFixedItemInfo()
   this.getTabBarHeight()
})

//  这里是把拿到的高度转换为rpx，因为在不同机型下  px转rpx是不一致的
let system = uni.getSystemInfoSync();
let tabBarHeightPx = res[0].height;
let rpx = system.windowWidth / 750;
this.tabBarHeightRpx = tabBarHeightPx / rpx