更新记录
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
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
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 |