From 8caf982b0807b43d44e888f8007c27a75739f6c0 Mon Sep 17 00:00:00 2001
From: hdx <hdx@dcloud.io>
Date: Tue, 18 Jul 2023 15:01:29 +0800
Subject: [PATCH] feat: add API nodes-info

---
 pages.json                           |  6 ++
 pages/API/nodes-info/nodes-info.uvue | 86 ++++++++++++++++++++++++++++
 pages/tabBar/API.uvue                |  3 +-
 3 files changed, 93 insertions(+), 2 deletions(-)
 create mode 100644 pages/API/nodes-info/nodes-info.uvue

diff --git a/pages.json b/pages.json
index 522bedc4..fabe1e79 100644
--- a/pages.json
+++ b/pages.json
@@ -178,6 +178,12 @@
         "enablePullDownRefresh": true
       }
     },
+    {
+      "path": "pages/API/nodes-info/nodes-info",
+      "style": {
+        "navigationBarTitleText": "查询节点信息的对象"
+      }
+    },
     {
       "path": "pages/API/storage/storage",
       "style": {
diff --git a/pages/API/nodes-info/nodes-info.uvue b/pages/API/nodes-info/nodes-info.uvue
new file mode 100644
index 00000000..00597a55
--- /dev/null
+++ b/pages/API/nodes-info/nodes-info.uvue
@@ -0,0 +1,86 @@
+<template>
+  <view>
+    <page-head :title="title"></page-head>
+    <view class="uni-padding-wrap uni-common-mt">
+      <button @click="getNodeInfo">getNodeInfo</button>
+    </view>
+    <view class="rect" :style="{left: left, width: width, height: height}"></view>
+    <view class="rect-info">
+      <view class="node-info-item">
+        <text class="node-info-item-k">left: </text>
+        <text class="node-info-item-v">{{nodeInfo.left}}</text>
+      </view>
+      <view class="node-info-item">
+        <text class="node-info-item-k">top: </text>
+        <text class="node-info-item-v">{{nodeInfo.top}}</text>
+      </view>
+      <view class="node-info-item">
+        <text class="node-info-item-k">right: </text>
+        <text class="node-info-item-v">{{nodeInfo.right}}</text>
+      </view>
+      <view class="node-info-item">
+        <text class="node-info-item-k">bottom: </text>
+        <text class="node-info-item-v">{{nodeInfo.bottom}}</text>
+      </view>
+      <view class="node-info-item">
+        <text class="node-info-item-k">width: </text>
+        <text class="node-info-item-v">{{nodeInfo.width}}</text>
+      </view>
+      <view class="node-info-item">
+        <text class="node-info-item-k">height: </text>
+        <text class="node-info-item-v">{{nodeInfo.height}}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        title: 'createSelectorQuery',
+        nodeInfo: { left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0 } as NodeInfo,
+        left: 16,
+        width: 150,
+        height: 100,
+      }
+    },
+    methods: {
+      getNodeInfo() {
+        uni.createSelectorQuery().select('.rect').boundingClientRect().exec((ret) => {
+          const rect = ret[0] as NodeInfo
+          if (rect != null) {
+            this.nodeInfo = rect
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style>
+  .rect {
+    background-color: dodgerblue;
+    margin-top: 50px;
+  }
+
+  .rect-info {
+    display: flex;
+    flex-direction: column;
+    padding: 15px;
+  }
+
+  .node-info-item {
+    flex-direction: row;
+  }
+
+  .node-info-item-k {
+    width: 100px;
+    line-height: 24px;
+  }
+
+  .node-info-item-v {
+    font-weight: bold;
+    line-height: 24px;
+  }
+</style>
diff --git a/pages/tabBar/API.uvue b/pages/tabBar/API.uvue
index 1624fc0e..bf20fe21 100644
--- a/pages/tabBar/API.uvue
+++ b/pages/tabBar/API.uvue
@@ -124,8 +124,7 @@
 						}, */
 				        {
 				            name: "节点信息",
-				            url: "get-node-info",
-							enable: false
+				            url: "nodes-info"
 				        },
 				        {
 				            name: "显示操作菜单",
-- 
GitLab