uniapp 获取页面高度及元素高度

一、获取页面高度

通过uni.getSystemInfoSync()方法可以获取到系统信息，其中就包括了页面高度等信息。

const { windowHeight } = uni.getSystemInfoSync(); // 获取页面高度

二、获取元素高度

比如有一个金刚区，我们需要获取到这块区域的高度：

<view class="square_giant">
    <block v-for="item in giantList" :key="item.id">
        <view class="square_giant_item">
            <image :src="item.image || ''" mode=""></image>
            <text>{{ item.title || '' }}</text>
        </view>
    </block>
</view>

const query = uni.createSelectorQuery().in(this);
query.select('.square_giant').boundingClientRect(({ height }) => {
  console.log('square_giant的高度是：' + height + 'px');
}).exec();