NodesRef.boundingClientRect

简介

添加节点的布局位置的查询请求，相对于显示区域（单位：像素）。其功能类似于 DOM 的 getBoundingClientRect 。返回值是 nodesRef 对应的 selectorQuery 。

入参

Function callback

callback 返回参数说明

返回的节点信息中，每个节点的位置用 left、right、top、bottom、width、height 字段描述。如果提供了 callback 回调函数，在执行 selectQuery 的 exec 方法后，节点信息会在 callback 中返回。

参数	类型	说明
left	Number	节点左边界坐标
right	Number	节点右边界坐标
top	Number	节点上边界坐标
bottom	Number	节点下边界坐标
width	Number	节点宽度
height	Number	节点高度

示例代码

Page({
  queryNodeInfo() {
    dlt
      .createSelectorQuery()
      .select('.target')
      .boundingClientRect((rect) => {
        console.log('节点信息', rect);
      })
      .exec();
  },
});