更新记录
1.0.0(2023-06-03)
下载此版本
功能实装
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
× |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
√ |
√ |
其他
使用说明
下列是一个 vue3 代码段使用组件示范
<template>
<view class="content">
<HappyCode :digitboxcount="5" @outputcode="outputcode"></HappyCode>
</view>
</template>
<script setup>
import HappyCode from '../../uni_modules/happy-code/components/happy-code/happy-code.vue'
function outputcode(value){
uni.showToast({
icon:'none',
title:`输出验证码${value}`
})
}
</script>
:digitboxcount="5" //是所需的验证码位数
@outputcode="outputcode" //是输入验证码输入完成后的返回事件,可据此在主界面进行下一步操作