diff --git a/docs/component/uniui/uni-popup.md b/docs/component/uniui/uni-popup.md index bb7dbd690acde6474bdbf6c24e5af791aa6e5270..93ef53e493c74df7348edd6d7bb924aed990d3ca 100644 --- a/docs/component/uniui/uni-popup.md +++ b/docs/component/uniui/uni-popup.md @@ -1,10 +1,10 @@ - + **uni-popup-dialog.vue 中 type="text" 缺少绑定事件 应该为:type="type"** ::: tip 组件名:uni-popup > 代码块: `uPopup` > 关联组件:`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 ``` @@ -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 -``` -> Script - +``` +> Script + ```html -``` -> Style + +``` +> Style ```html - -``` -::: + + +``` +::: [完整示例演示](https://hellouniapp.dcloud.net.cn/pages/extUI/popup/popup) \ No newline at end of file