<view class="cont-box"></view>
/* 获取节点信息的对象 */
getElementRect() {
const query = uni.createSelectorQuery().in(this);
query
.select(".cont-box")
.boundingClientRect(res => {
console.log(res);
console.log(res.height); // 102.85714721679688
})
.exec();
}
boundingClientRect によって返される res 結果 (ピクセル [px] 単位)
属性 | タイプ | 説明する |
---|---|---|
ID | 弦 | ノードのID |
データセット | 物体 | ノードのデータセット |
左 | 番号 | ノードの左境界座標 |
右 | 番号 | ノードの右端の座標 |
上 | 番号 | ノードの上部境界の座標 |
底 | 番号 | ノードの下限境界座標 |
幅 | 番号 | ノード幅 |
身長 | 番号 | ノードの高さ |
詳細については、uni.createSelectorQuery() | uni-app 公式 Web サイトを参照してください。