From 8a6b0cc8ad2e5f7af1c4c2c743e5a54062356ed4 Mon Sep 17 00:00:00 2001
From: handongxun <handongxun@dcloud.io>
Date: Sat, 21 Sep 2019 12:34:20 +0800
Subject: [PATCH] docs: update nvue uni.createSelectorQuery

---
 docs/api/ui/nodes-info.md | 50 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 49 insertions(+), 1 deletion(-)

diff --git a/docs/api/ui/nodes-info.md b/docs/api/ui/nodes-info.md
index 537403aa4..4efedaac9 100644
--- a/docs/api/ui/nodes-info.md
+++ b/docs/api/ui/nodes-info.md
@@ -141,4 +141,52 @@ view.boundingClientRect(data => {
   console.log("得到布局位置信息" + JSON.stringify(data));
   console.log("节点离页面顶部的距离为" + data.top);
 }).exec();
-```
\ No newline at end of file
+```
+
+**注意**
+- nvue 暂不支持 uni.createSelectorQuery，暂时使用下面的方案
+
+```
+<template>
+  <view class="wrapper">
+    <view ref="box" class="box">
+      <text class="info">Width: {{size.width}}</text>
+      <text class="info">Height: {{size.height}}</text>
+      <text class="info">Top: {{size.top}}</text>
+      <text class="info">Bottom: {{size.bottom}}</text>
+      <text class="info">Left: {{size.left}}</text>
+      <text class="info">Right: {{size.right}}</text>
+    </view>
+  </view>
+</template>
+
+<script>
+  // 注意平台差异
+  // #ifdef APP-NVUE
+  const dom = weex.requireModule('dom')
+  // #endif
+
+  export default {
+    data () {
+      return {
+        size: {
+          width: 0,
+          height: 0,
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0
+        }
+      }
+    },
+    onReady () {
+      const result = dom.getComponentRect(this.$refs.box, option => {
+        console.log('getComponentRect:', option)
+        this.size = option.size
+      })
+      console.log('return value:', result)
+      console.log('viewport:', dom.getComponentRect('viewport'))
+    }
+  }
+</script>
+```
-- 
GitLab