From 5d6899216b63ca1e7db390b4ae9570ea15507b82 Mon Sep 17 00:00:00 2001
From: yanyilin <yanyilin@dcloud.io>
Date: Wed, 29 Nov 2023 20:39:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=8A=E5=B1=8F=E5=BC=B9=E7=AA=97=E5=85=BC?=
 =?UTF-8?q?=E5=AE=B9=E7=AA=97=E5=8F=A3=E5=8F=98=E5=8C=96=E5=88=9B=E5=8F=91?=
 =?UTF-8?q?onResize=E5=9C=BA=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/template/half-screen/half-screen.uvue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/pages/template/half-screen/half-screen.uvue b/pages/template/half-screen/half-screen.uvue
index e26688bf..da6ceadf 100644
--- a/pages/template/half-screen/half-screen.uvue
+++ b/pages/template/half-screen/half-screen.uvue
@@ -1,6 +1,6 @@
 <template>
 	<view id="page" class="page">
-		<text>半屏弹窗效果是通过监听TouchEvent实现，当半屏窗口移动时禁用scroll-view的滚动，避免两者的冲突。</text>
+		<text style="margin: 10px">半屏弹窗效果是通过监听TouchEvent实现，当半屏窗口移动时禁用scroll-view的滚动，避免两者的冲突。</text>
 		<button class="bottomButton" @click="switchHalfScreen(true)">打开弹窗</button>
 		<view id="halfScreen" class="halfScreen" @touchstart="onHalfTouchStart" @touchmove="onHalfTouchMove" @touchend="onHalfTouchEnd">
 			<view class="halfTitle" >半屏弹窗标题</view>
@@ -144,12 +144,18 @@
 		},
 		onReady() {
 			this.halfNode = uni.getElementById('halfScreen');
-			this.halfHeight = this.halfNode!.getBoundingClientRect().height;
 			this.scrollNode = uni.getElementById('halfScroll');
 
-			this.totalHeight = uni.getWindowInfo().windowHeight;//uni.getElementById('page')?.getBoundingClientRect()?.height??0;
-			this.halfNode?.style?.setProperty('top', this.totalHeight.toString());
+			this.halfHeight = this.halfNode!.getBoundingClientRect().height;
+			this.totalHeight = uni.getElementById('page')?.getBoundingClientRect()?.height??0;//uni.getWindowInfo().windowHeight;
+			this.halfNode?.style?.setProperty('top', this.totalHeight.toFixed(2));
 		},
+    onResize() {
+      this.halfHeight = this.halfNode?.getBoundingClientRect()?.height??0;
+      this.totalHeight = uni.getElementById('page')?.getBoundingClientRect()?.height??0;
+      this.halfNode?.style?.setProperty('top', this.totalHeight.toFixed(2));
+      this.halfNode?.style?.setProperty('visibility','hidden');
+    }
 	}
 </script>
 
-- 
GitLab