From 8721dd72e475100ee7b0f2ad3e50e2b680aba240 Mon Sep 17 00:00:00 2001
From: hanyuxinting <hanyuxinting@sina.cn>
Date: Tue, 11 Mar 2025 21:07:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20popup=20demos=20=E8=B0=83=E4=BC=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/popup/demos/h5/demo4.tsx   | 18 ++++++++++--------
 src/packages/popup/demos/taro/demo4.tsx | 16 +++++++++-------
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/packages/popup/demos/h5/demo4.tsx b/src/packages/popup/demos/h5/demo4.tsx
index 4d764481f5..9e8ad90998 100644
--- a/src/packages/popup/demos/h5/demo4.tsx
+++ b/src/packages/popup/demos/h5/demo4.tsx
@@ -9,37 +9,39 @@ const Demo4 = () => {
   return (
     <>
       <Cell
-        title="阻塞点击 Overlay 关闭"
+        title="阻塞点击 Overlay 关闭，方式1"
         onClick={() => {
           setShowOverlayStop(true)
         }}
       />
       <Popup
+        closeable
+        closeIcon={<Failure width={12} height={12} />}
         visible={showOverlayStop}
-        style={{ padding: '30px 50px' }}
+        style={{ height: '40%' }}
+        position="bottom"
         onClose={() => {
+          console.log('onClose')
           setShowOverlayStop(false)
         }}
         onOverlayClick={() => {
           console.log('onOverlayClick')
           return false
         }}
-      >
-        正文
-      </Popup>
+      />
       <Cell
-        title="阻塞点击 close icon 关闭"
+        title="阻塞点击 Overlay 关闭，方式2"
         onClick={() => {
           setShowCloseIconStop(true)
         }}
       />
       <Popup
         closeable
-        closeIcon={<Failure width="12px" height="12px" />}
+        closeIcon={<Failure width={12} height={12} />}
         visible={showCloseIconStop}
-        closeOnOverlayClick={false}
         style={{ height: '40%' }}
         position="bottom"
+        closeOnOverlayClick={false}
         onCloseIconClick={() => {
           console.log('onCloseIconClick')
           setShowCloseIconStop(false)
diff --git a/src/packages/popup/demos/taro/demo4.tsx b/src/packages/popup/demos/taro/demo4.tsx
index f066d69d0a..c780312bdd 100644
--- a/src/packages/popup/demos/taro/demo4.tsx
+++ b/src/packages/popup/demos/taro/demo4.tsx
@@ -9,26 +9,28 @@ const Demo4 = () => {
   return (
     <>
       <Cell
-        title="阻塞点击 Overlay 关闭"
+        title="阻塞点击 Overlay 关闭，方式1"
         onClick={() => {
           setShowOverlayStop(true)
         }}
       />
       <Popup
+        closeable
+        closeIcon={<Failure size={12} />}
         visible={showOverlayStop}
-        style={{ padding: '30px 50px' }}
+        style={{ height: '40%' }}
+        position="bottom"
         onClose={() => {
+          console.log('onClose')
           setShowOverlayStop(false)
         }}
         onOverlayClick={() => {
           console.log('onOverlayClick')
           return false
         }}
-      >
-        正文
-      </Popup>
+      />
       <Cell
-        title="阻塞点击 close icon 关闭"
+        title="阻塞点击 Overlay 关闭，方式2"
         onClick={() => {
           setShowCloseIconStop(true)
         }}
@@ -37,9 +39,9 @@ const Demo4 = () => {
         closeable
         closeIcon={<Failure size={12} />}
         visible={showCloseIconStop}
-        closeOnOverlayClick={false}
         style={{ height: '40%' }}
         position="bottom"
+        closeOnOverlayClick={false}
         onCloseIconClick={() => {
           console.log('onCloseIconClick')
           setShowCloseIconStop(false)