更新记录

1.1.6(2019-11-12)

  • 优化 可在nvue页面中使用

1.1.4(2019-09-21)

  • 修复 示例项目中 uni-icons 不显示的 Bug
查看更多

Popup 弹出层

已经支持在nvue页面中使用

弹出层组件,为了解决遮罩弹层的问题。组件名:uni-popup,代码块: uPopup。

使用方式

script 中引用组件

import uniPopup from "@/components/uni-popup/uni-popup.vue"
export default {
    components: {uniPopup}
}

template 中使用组件

<uni-popup ref="popup" type="bottom">底部弹出 Popup</uni-popup>

属性说明

属性名 类型 默认值 说明
animation Boolean true 是否开启动画
type String center 弹出方式,可选值:top(顶部),center(居中),bottom(底部)
show Boolean false 显示弹窗
maskClick Boolean true 蒙版点击是否关闭弹窗

方法说明

通过 ref 获取组件调用方法

方法称名 说明
open 打开弹出层
close 关闭弹出层

事件说明

事件称名 说明 返回值
change 打开关闭弹窗触发 e={show: false}

插件预览地址

https://uniapp.dcloud.io/h5/pages/extUI/popup/popup

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问