更新记录
1.0.3(2023-04-25)
下载此版本
阻止as-popup-dialog的滚动穿透
1.0.2(2023-04-25)
下载此版本
添加对as-popup-dialog的支持
1.0.1(2023-04-21)
下载此版本
type增加left, right, top支持
查看更多
平台兼容性
as-popup
解决移动端uni-popup的滚动穿透问题
API
Props
属性名 |
说明 |
类型 |
默认值 |
status(v-model) |
开启状态 |
boolean |
false |
type |
弹出方式('left','right','top','bottom','center','dialog') |
string |
'bottom' |
Functions
名称 |
说明 |
参数 |
open |
打开弹出层 |
- |
close |
关闭弹出层 |
- |
Events
事件名 |
说明 |
回调参数 |
change |
状态变化 |
状态 |
as-popup-dialog 对话框
将 uni-popup 的type属性改为 dialog,并引入对应组件即可使用对话框 ,该组件不支持单独使用
as-popup-dialog Props
属性名 |
说明 |
类型 |
默认值 |
type |
对话框标题主题,可选值: success/warn/info/error |
string |
'info' |
mode |
对话框模式,可选值:base(提示对话框)/input(可输入对话框) |
string |
'base' |
title |
对话框标题 |
string |
- |
content |
对话框内容,base模式下生效 |
string |
- |
confirmText |
定义确定按钮文本 |
string |
- |
cancelText |
定义取消按钮文本 |
string |
- |
value |
输入框默认值,input模式下生效 |
string/number |
- |
placeholder |
输入框提示文字,input模式下生效 |
string |
- |
before-close |
是否拦截按钮事件,如为true,则不会关闭对话框,关闭需要手动执行 as-popup 的 close 方法 |
boolean |
false |
as-popup-dialog Functions
名称 |
说明 |
参数 |
confirm |
点击dialog确定按钮触发 |
e={value:input模式下输入框的值} |
close |
点击dialog取消按钮触发 |
- |
as-popup-dialog Slots