navbar-lite: 调整 getBoundingClientRectAsync 抽取重复逻辑，适配微信滚动

pages/template/navbar-lite/navbar-lite.uvue

@@ -19,7 +19,7 @@
         <radio value="2"><text>web-view</text></radio>
       </radio-group>
     </view>
-    <scroll-view v-if="indexView==0" class="scroll-view" :refresher-enabled="false">
+    <scroll-view v-if="indexView==0" class="scroll-view" :scroll-y="true" :refresher-enabled="false">
       <view class="content-item" v-for="item in 10">
         <view class="cell-item">
           <text class="text">内容：{{item}}</text>
@@ -116,15 +116,22 @@
       // 自动化测试
       setLifeCycleNum(num : number) {
         setLifeCycleNum(num)
-      },
+      },
+      async calcInputRemainHeight() {
+        let windowHeight = uni.getWindowInfo().windowHeight
+        const rect = await uni.getElementById('input')!.getBoundingClientRectAsync()
+        this.inputRemainHeight = windowHeight - rect.bottom ?? windowHeight
+      }
     },
     onReady() {
-      let windowHeight = uni.getWindowInfo().windowHeight;
-      this.inputRemainHeight = windowHeight - (uni.getElementById('input')?.getBoundingClientRect()?.bottom??windowHeight);
+      this.calcInputRemainHeight()
+      // let windowHeight = uni.getWindowInfo().windowHeight;
+      // this.inputRemainHeight = windowHeight - (uni.getElementById('input')?.getBoundingClientRect()?.bottom??windowHeight);
     },
     onResize() {
-      let windowHeight = uni.getWindowInfo().windowHeight;
-      this.inputRemainHeight = windowHeight - (uni.getElementById('input')?.getBoundingClientRect()?.bottom??windowHeight);
+      this.calcInputRemainHeight()
+      // let windowHeight = uni.getWindowInfo().windowHeight;
+      // this.inputRemainHeight = windowHeight - (uni.getElementById('input')?.getBoundingClientRect()?.bottom??windowHeight);
     }
   }
 </script>