由于某些标签需要动态设置页面的高度,此时需要计算每个盒子的高度(由于盒子是一些东西撑开的,无法直接得到高度),根据盒子数量及边距距离设置页面高度
与设置的一致
<view id="box"></view>
Page({
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this;
var query = wx.createSelectorQuery(); //创建节点选择器
//#box需要与wxml里面的id保持一致
query.select('#box').boundingClientRect(function (rect) {
console.log(rect);
that.setData({
box: rect
});
}).exec();
},
})
#box{
width: 100px;
height: 200px;
background-color: aqua;
margin: 20px;
}