更新记录
1.0.3(2021-08-28)
下载此版本
本次插件更新改动较大,如果原来使用了本插件的姥爷们要更新的话,需要查看一下更新说明并对之前的代码做出部分调整
1. 修改了以往的使用 isShow 属性来控制插件显示或关闭的方式,改成了使用 v-model 绑定一个布尔值类型的变量来控制
2. 插件的返回事件做出了调整,当前确认事件只会返回输入的值,取消事件则只返回一个 false
- 优化了插件打开或关闭时的动画(动画这一部分因为我没有ios机型进行测试,穷啊~~(TAT)/,所以不能保证在ios机型上的动画效果,有使用的姥爷们可以跟我反馈一下情况,不胜感激)
- 增加了输入类型的拓展,参照 uniapp 的 input 输入类型拓展(此处感谢用户姥爷提出的建议)
1.0.2(2021-06-17)
下载此版本
1.代码优化
2.修改了关闭弹窗事件的返回参数
1.0.1(2021-06-08)
下载此版本
新增 placeholder 输入框为空时的提示文字
新增 initialValue 输入框的初始值
调整了两个按钮事件,现在不论是点击确定还是取消都触发的同一个事件,但是返回的值不同,具体看文档
新增了点击遮罩层事件,当前点击遮罩层触发的与点击取消按钮触发的一致
*修改了BUG
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
popup-input 底部弹窗输入框
属性说明:
属性名 |
是否必须 |
类型 |
默认值 |
说明 |
v-model |
是 |
Boolean |
false |
使用 v-model 绑定一个布尔值类型的变量,控制弹出显示或关闭 |
height |
否 |
String,Number |
300(rpx) |
弹窗总高度 |
background |
否 |
String |
#fff |
弹窗背景色 |
borderRadius |
否 |
Number |
30(rpx) |
弹窗的顶部圆角 |
inputHeight |
否 |
String,Number |
80(rpx) |
输入框的高度 |
titel |
否 |
String |
--- |
中部的标题文字 |
maxlength |
否 |
Number |
25 |
最大输入长度 |
cancelSize |
否 |
String,Number |
32(rpx) |
取消按钮文字大小 |
cancelColor |
否 |
String |
#888 |
取消按钮颜色 |
confirmSize |
否 |
String,Number |
32(rpx) |
确认按钮文字大小 |
confirmColor |
否 |
String |
#007AFF |
确认按钮颜色 |
titleSize |
否 |
String,Number |
36(rpx) |
中部标题大小 |
titleColor |
否 |
String |
#000 |
中部标题文字颜色 |
titleWeight |
否 |
String,Number |
500 |
中部标题文字粗细 |
type |
否 |
String |
text |
键盘输入类型,可选值['text','number','idcard','digit'],详情参照input标签 |
事件说明:
事件称名 |
是否必须 |
说明 |
confirm |
是 |
点击弹窗确认键时触发,event = value |
cancel |
是 |
点击弹窗取消键时触发,event = false |