<view class="zhuti">
</view>
<view v-bind:style="{paddingTop:hei+'px'}">
</view>
mounted() {
var that = this
const query = uni.createSelectorQuery().in(this);
query.select('.zhuti').boundingClientRect(data => {
console.log(data)
that.hei = data.height
}).exec();
}
微信小程序高度自适应
最新推荐文章于 2024-09-04 18:31:36 发布
本文介绍了一个Vue项目的实现过程,通过uni-app的创建SelectorQuery获取元素高度,动态设置内联样式实现页面自适应。在mounted生命周期钩子中,利用回调函数更新 hei 变量,达到视图的适配效果。

262

被折叠的 条评论
为什么被折叠?



