uniapp は、ビューの上下左右の境界線の幅、高さ、位置を取得します。

<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 サイトを参照してください。

おすすめ

転載: blog.csdn.net/AdminGuan/article/details/132246536