更新记录
1.0(2021-12-01)
1.0
支持easycom
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.0 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
功能介绍
使用方法
-
源码方式
- 点击上方的使用
HBuilder X
导入插件或将下载的插件包拷贝到项目根目录下
-
在需要使用页面的 nvue
文件中添加
<!-- 人机验证码 -->
<view :style="{opacity: `${showVerify === false ? 0 : 1}`}">
<plus-verify @result='verifyResult' ref="verifyElement"></plus-verify>
</view>
export default {
data() {
return {
showVerify: false, //是否显示滑动验证
}
},
methods: {
// 校验结果回调函数
verifyResult(res) {
},
// 校验插件重置
verifyReset() {
this.$refs.verifyElement.reset();
},
}
}
关于 nvue
nvue
使用原生渲染,不支持display:none,使用opacity 控制显示隐藏