<view class="n1"></view>
<view class="n2"></view>
<view class="n3"></view>
n3的margin-top值是n1+n2的高度,应该怎么写
<view class="n1"></view>
<view class="n2"></view>
<view class="n3"></view>
n3的margin-top值是n1+n2的高度,应该怎么写
给第一个view定义一个id=“n1” 第二个view定义一个id="n2",
然后可以通过下面的代码获取到每个view标签的高度,就可以得到n1+n2的高度,然后设置给n3即可
const query = wx.createSelectorQuery()
query.select('#n1').boundingClientRect()
query.selectViewport().scrollOffset()
query.exec((res: any) => {
// 定义id的标签的所有信息,是一个数组
console.log('query res',res)
// 获取到这个标签的高度
console.log('res height: ', res[0].height)
})
小程序官方文档api说明:https://developers.weixin.qq.com/miniprogram/dev/api/wxml/wx.createSelectorQuery.html