From 093739d87111610bb23ebbb55d1164c05996fdc8 Mon Sep 17 00:00:00 2001
From: lipeifeng <1422050441@qq.com>
Date: Thu, 28 Apr 2022 08:03:10 +0000
Subject: [PATCH] =?UTF-8?q?update=20docs/component/uniui/uni-popup.md.=20?=
 =?UTF-8?q?=E5=A6=82=E6=9E=9C=E6=83=B3=E5=9C=A8=E9=A1=B5=E9=9D=A2=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93=E5=AE=8C=E6=AF=95=E5=90=8E=E5=B0=B1=E6=89=93=E5=BC=80?=
 =?UTF-8?q?=20uni-popup=20=EF=BC=8C=E8=AF=B7=E5=9C=A8=20mounted=20?=
 =?UTF-8?q?=E7=94=9F=E5=91=BD=E5=91=A8=E6=9C=9F=E5=86=85=E8=B0=83=E7=94=A8?=
 =?UTF-8?q?=EF=BC=8C=E7=A1=AE=E4=BF=9D=E7=BB=84=E4=BB=B6=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=E5=AE=8C=E6=AF=95=EF=BC=8C=E4=B8=8D=E8=A6=81=E5=9C=A8=20onRead?=
 =?UTF-8?q?y=20=E5=86=85=EF=BC=8C=E5=90=A6=E5=88=99=E5=8F=AA=E5=9C=A8?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E7=94=9F=E6=95=88=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/component/uniui/uni-popup.md | 140 +++++++++++++++---------------
 1 file changed, 70 insertions(+), 70 deletions(-)

diff --git a/docs/component/uniui/uni-popup.md b/docs/component/uniui/uni-popup.md
index bb7dbd690..272c5d054 100644
--- a/docs/component/uniui/uni-popup.md
+++ b/docs/component/uniui/uni-popup.md
@@ -4,7 +4,7 @@
 > 关联组件：`uni-popup-dialog`,`uni-popup-message`,`uni-popup-share`,`uni-transition`
 
 [点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uni-popup)
-:::
+:::
 
 弹出层组件，在应用中弹出一个消息提示窗口、提示框等
 
@@ -15,7 +15,7 @@
 - `uni-popup-message` 、 `uni-popup-dialog` 等扩展ui组件，需要和 `uni-popup` 配套使用，暂不支持单独使用
 - `nvue` 中使用 `uni-popup` 时，尽量将组件置于其他元素后面，避免出现层级问题
 - `uni-popup` 并不能完全阻止页面滚动，可在打开 `uni-popup` 的时候手动去做一些处理，禁止页面滚动
-- 如果想在页面渲染完毕后就打开 `uni-popup` ，请在 `onReady` 或 `mounted` 生命周期内调用，确保组件渲染完毕
+- 如果想在页面渲染完毕后就打开 `uni-popup` ，请在 `mounted` 生命周期内调用，确保组件渲染完毕，如果在`onReady`内调用，将只有小程序生效
 - 在微信小程序开发者工具中，启用真机调试，popup 会延时出现，是因为 setTimeout 在真机调试中的延时问题导致的，预览和发布小程序不会出现此问题
 - 使用 `npm` 方式引入组件，如果确认引用正确，但是提示未注册组件或显示不正常，请尝试重新编译项目
 - `uni-popup` 中尽量不要使用 `scroll-view` 嵌套过多的内容，可能会影响组件的性能，导致组件无法打开或者打开卡顿
@@ -25,12 +25,12 @@
 :::
 ### 基本用法 
 
-```html
+```html
 <template>
-	<view>
-		<button @click="open">打开弹窗</button>
-		<uni-popup ref="popup" type="bottom">底部弹出 Popup</uni-popup>
-	</view>
+	<view>
+		<button @click="open">打开弹窗</button>
+		<uni-popup ref="popup" type="bottom">底部弹出 Popup</uni-popup>
+	</view>
 </template>
 <script>
 export default {
@@ -40,7 +40,7 @@ export default {
         this.$refs.popup.open('top')
       }
    }
-}
+}
 </script>
 
 ```
@@ -332,59 +332,59 @@ export default {
 - wx、app 需要 使用 page-meta 组件配合阻止滚动穿透
 - 注意 page-meta 组件，一个页面只能存在一个
 - 其他平台无法阻止滚动穿透，建议使用 scroll-view 滚动 ，手动设置 overflow:hidden,同 page-meta 方法一致
-
-
-
-## 示例
-::: warning 注意
-示例依赖了 `uni-card` `uni-section` `uni-scss` 等多个组件，直接拷贝示例代码将无法正常运行 。
-
-请到 [组件下载页面](https://ext.dcloud.net.cn/plugin?name=uni-popup) ，在页面右侧选择 `使用 HBuilderX导入示例项目` ，体验完整组件示例。
-:::
-
-::: preview https://hellouniapp.dcloud.net.cn/pages/extUI/popup/popup
-> Template
-``` html
+
+
+
+## 示例
+::: warning 注意
+示例依赖了 `uni-card` `uni-section` `uni-scss` 等多个组件，直接拷贝示例代码将无法正常运行 。
+
+请到 [组件下载页面](https://ext.dcloud.net.cn/plugin?name=uni-popup) ，在页面右侧选择 `使用 HBuilderX导入示例项目` ，体验完整组件示例。
+:::
+
+::: preview https://hellouniapp.dcloud.net.cn/pages/extUI/popup/popup
+> Template
+``` html
 <template>
-	<view class="container">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">弹出层组件用于弹出一个覆盖到页面上的内容，使用场景如：底部弹出分享弹窗、页面插屏广告等。</text>
+	<view class="container">
+		<uni-card is-full :is-shadow="false">
+			<text class="uni-h6">弹出层组件用于弹出一个覆盖到页面上的内容，使用场景如：底部弹出分享弹窗、页面插屏广告等。</text>
 		</uni-card>
-		<uni-section title="基本示例" type="line">
-			<view class="example-body box">
-				<button class="button" type="primary" @click="toggle('top')"><text class="button-text">顶部</text></button>
-				<button class="button" type="primary" @click="toggle('bottom')"><text class="button-text">底部</text></button>
-				<button class="button" type="primary" @click="toggle('center')"><text class="button-text">居中</text></button>
-				<button class="button" type="primary" @click="toggle('left')"><text class="button-text">左侧</text></button>
-				<button class="button" type="primary" @click="toggle('right')"><text class="button-text">右侧</text></button>
-			</view>
+		<uni-section title="基本示例" type="line">
+			<view class="example-body box">
+				<button class="button" type="primary" @click="toggle('top')"><text class="button-text">顶部</text></button>
+				<button class="button" type="primary" @click="toggle('bottom')"><text class="button-text">底部</text></button>
+				<button class="button" type="primary" @click="toggle('center')"><text class="button-text">居中</text></button>
+				<button class="button" type="primary" @click="toggle('left')"><text class="button-text">左侧</text></button>
+				<button class="button" type="primary" @click="toggle('right')"><text class="button-text">右侧</text></button>
+			</view>
 		</uni-section>
 
-		<uni-section title="提示消息" type="line">
-			<view class="example-body box">
-				<button class="button popup-success" @click="messageToggle('success')"><text
-						class="button-text success-text">成功</text></button>
-				<button class="button popup-error" @click="messageToggle('error')"><text
-						class="button-text error-text">失败</text></button>
-				<button class="button popup-warn" @click="messageToggle('warn')"><text
-						class="button-text warn-text">警告</text></button>
-				<button class="button popup-info" @click="messageToggle('info')"><text
-						class="button-text info-text">信息</text></button>
-			</view>
+		<uni-section title="提示消息" type="line">
+			<view class="example-body box">
+				<button class="button popup-success" @click="messageToggle('success')"><text
+						class="button-text success-text">成功</text></button>
+				<button class="button popup-error" @click="messageToggle('error')"><text
+						class="button-text error-text">失败</text></button>
+				<button class="button popup-warn" @click="messageToggle('warn')"><text
+						class="button-text warn-text">警告</text></button>
+				<button class="button popup-info" @click="messageToggle('info')"><text
+						class="button-text info-text">信息</text></button>
+			</view>
 		</uni-section>
 
 
-		<uni-section title="对话框示例" type="line" class="hideOnPc">
-			<view class="example-body box">
-				<button class="button popup-success" @click="dialogToggle('success')"><text
-						class="button-text success-text">成功</text></button>
-				<button class="button popup-error" @click="dialogToggle('error')"><text
-						class="button-text error-text">失败</text></button>
-				<button class="button popup-warn" @click="dialogToggle('warn')"><text
-						class="button-text warn-text">警告</text></button>
-				<button class="button popup-info" @click="dialogToggle('info')"><text
-						class="button-text info-text">信息</text></button>
-			</view>
+		<uni-section title="对话框示例" type="line" class="hideOnPc">
+			<view class="example-body box">
+				<button class="button popup-success" @click="dialogToggle('success')"><text
+						class="button-text success-text">成功</text></button>
+				<button class="button popup-error" @click="dialogToggle('error')"><text
+						class="button-text error-text">失败</text></button>
+				<button class="button popup-warn" @click="dialogToggle('warn')"><text
+						class="button-text warn-text">警告</text></button>
+				<button class="button popup-info" @click="dialogToggle('info')"><text
+						class="button-text info-text">信息</text></button>
+			</view>
 		</uni-section>
 
 		<uni-section title="输入框示例" type="line" padding>
@@ -395,8 +395,8 @@ export default {
 					class="button-text">输入对话框</text></button>
 
 		</uni-section>
-		<uni-section title="底部分享示例" type="line" padding>
-			<button class="button" type="primary" @click="shareToggle"><text class="button-text">分享模版示例</text></button>
+		<uni-section title="底部分享示例" type="line" padding>
+			<button class="button" type="primary" @click="shareToggle"><text class="button-text">分享模版示例</text></button>
 		</uni-section>
 		<view>
 			<!-- 普通弹窗 -->
@@ -437,9 +437,9 @@ export default {
 		</view>
 	</view>
 </template>
-```
-> Script
-
+```
+> Script
+
 ```html
 <script>
 	export default {
@@ -499,9 +499,9 @@ export default {
 			}
 		}
 	}
-</script>
-```
-> Style
+</script>
+```
+> Style
 ```html
 <style lang="scss">
 	@mixin flex {
@@ -605,10 +605,10 @@ export default {
 		display: flex;
 		/* #endif */
 		flex-direction: column;
-	}
-
-	.dialog-box {
-		padding: 10px;
+	}
+
+	.dialog-box {
+		padding: 10px;
 	}
 
 	.dialog .button,
@@ -626,9 +626,9 @@ export default {
 		font-size: 14px;
 		color: #333;
 	}
-</style>
-
-```
-:::
+</style>
+
+```
+:::
 
 [完整示例演示](https://hellouniapp.dcloud.net.cn/pages/extUI/popup/popup)
\ No newline at end of file
-- 
Gitee