更新记录
1.0.1(2020-12-02)
调整目录结构
1.0.0(2020-11-19)
第一次上传
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
组件开篇
密码输入框,支持微信小程序、支付宝小程序、H5,其他未测试,理论支持
使用方法
<template>
<view class="content">
<!-- 密码输入框 -->
<payPass ref="verify" @finish="getCode"></payPass>
<view class="yzbtn" @click="yzbtn">验证密码</view>
</view>
</template>
<script>
import payPass from '../../components/pay-pass/pay-pass.vue'
export default {
components:{
payPass
},
data() {
return {
}
},
onLoad() {
},
onShow() {
},
methods: {
getCode:function(e){
console.log(e);
},
yzbtn:function(){
this.$refs.verify.show();
},
}
}
</script>
<style>
page,
.container {
background: #F5F5F5;
}
.yzbtn{
width: 200rpx;
height: 60rpx;
margin: 10rpx auto;
background: #56ACF9;
border-radius: 10rpx;
line-height: 60rpx;
color: #FFFFFF;
text-align: center;
}
</style>