From 69bdb2aa871c33fdcc87bbcba348216e1fddf1e5 Mon Sep 17 00:00:00 2001
From: lafish <8403770+lafish@user.noreply.gitee.com>
Date: Sat, 23 Apr 2022 00:48:46 +0000
Subject: [PATCH] =?UTF-8?q?update=20docs/component/uniui/uni-popup.md.=20?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=A1=86=E4=BB=A3=E7=A0=81=E9=94=99=E8=AF=AF?=
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..73b902a00 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)
-:::
+:::
 
 弹出层组件，在应用中弹出一个消息提示窗口、提示框等
 
@@ -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 {
@@ -468,7 +468,7 @@ export default {
 			},
 			dialogToggle(type) {
 				this.msgType = type
-				this.$refs.alertDialog.open()
+				this.$refs.inputDialog.open()
 			},
 			dialogConfirm() {
 				console.log('点击确认')
@@ -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