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();