更新记录
1.0.0(2025-04-12)
下载此版本
初次版本
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
插件名:zmt-send-code
主要完美支持PC浏览器端,APP和小程序没有测试,如需要请自行测试。
本人亲自测试编写的,自己用的没有任何问题直接返回验证过后的手机号码和验证状态(非常完美和神奇)。
使用方法:
直接导入到你的项目中,目录:uni_modules,无需引入,直接使用就行。代码如下:
<zmt-send-code @confirm="confirmUpdateMobile" :show="showMobile" @close="setClose"></zmt-send-code>
属性说明如下:
属性名 |
必填 |
默认值 |
说明 |
show |
是 |
false |
是否显示弹窗,可选值:true |
事件说明如下:
事件名 |
必填 |
返回值 |
说明 |
@confirm |
是 |
function |
点击了确定修改以后的返回,格式:{mobile:'',success:true} |
@close |
是 |
function |
点击了关闭按钮以后触发,主要是同步父组件的关闭状态,也就是show的状态 |
特殊说明:
发送验证码功能需要自行编写,本插件中直接使用了已有的功能,采用云对象编写,对象名字:login,方法大致如下,仅供参考:
/**
* 发送手机验证码
* @param {string} tel 要发送的手机号码
* @returns {sting} 发送的随机验证码
*/
async sendSms(tel,code) {
// 参数校验,如无参数则不需要
if (!tel) {
return {
errCode: 'PARAM_IS_NULL',
errMsg: '参数不能为空'
}
}
// 业务逻辑
const res = await uniCloud.sendSms({
appid: '__UNI__8A62***',//开发中心的appid
phone: tel,
smsKey:'976dce0a3dadb0c58fa62dec****',//dcloud开发中心注册的smskey
smsSecret:'ec734e60644e2fb7df6f****',//dcloud开发中心注册的smsSecret
templateId: '18696', // 模版id,请替换为自己申请的模板id
data: {
code: code,
expMinute: '3',
}
})
// 返回结果
return {
code:200,
message:'发送成功',
result:res
}
}